Jump to content

Gora

Newbie
  • Posts

    19
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by Gora

  1. Если не сидеть на одном месте, то можно многое узнать, оставлю это здесь возможно кому-то пригодится. css input:invalid + input[type=submit] { pointer-events:none; opacity:0.5; }
  2. Может ето картинка.png, а не блок и css
  3. Доброго времени суток, при написании одного из макетов встала проблема, нужно связать форму input с кнопкой, то есть задав параметр ввода через pattern="[a-z]{1,26}". Нужно сделать так чтобы при неправельно заполнены форме кнопка было не активной. <h2>Введіть Ключ</h2> <input id="key" class="form-control" pattern="[a-z]{1,26}" value="key" placeholder="Писати сюди"> <h2>Введіть слово</h2> <input id="slov" class="form-control" pattern="[a-z]{1,26}" value="hello" placeholder="Писати сюди"> <input class="btn btn-block btn-success" value="Закодувати" onclick="zakoduvaty5(this);" type="submit"> <h2>Закодоване слово</h2> <input class="form-control" id="zakodslov" readonly> <h2>Введіть код</h2> <input id="zakodslovo" class="form-control" pattern="[0-9 ]{1,50}" placeholder="Писати сюди"> <input class="btn btn-block btn-success" value="Розкодувати" onclick="rozkoduvaty5(this);" type="submit"> <h2>Розкодоване слово</h2> <input class="form-control" id="rez" readonly> примерно так это должно выглядеть, чуть не забыл 1 и 2 форма должны быть связаны. Благодарю за внимание, Всего самого лучшего вам.
  4. Решил я применить данный https://codepen.io/cl4ws0n/pen/jyxrZJ?page=5& визуализатор, все шикарно треки добавить можно с soundcloud, только при прослушивании зацикливается 1 трек, хотелось чтобы они воспроизводились один за другим(Конечно если кто подскажет как добавить органы управления между треками буду очень благодарен.), для меня это была не легкая задача разобраться в данном коде, прошу помощи в знающих людей. Спасибо что откликнулись, приму любые идеи висказуйте их в комментариях. Спасибо
  5. Всем привет нужен на сайт визуализатор на 3 столбика, Короче нужно к переменим которые отвечают за высоту столба подцепить функцию, но мне и кода хватит с небольшими комментариями. Будет что-то похожее на светомузыку, и я логически подумал что можно использовать готовый код и изменить его под свои нужды, поскольку я не очень знаю js поэтому прошу вас форумчан помочь мне воплотить в жизнь свои извращенные планы в жизнь. Спасибо за уделенное время.
  6. Я во всем разобрался Простите что загромождают форум ненужными темами но в тот момент я действительно не знал что делать
  7. нужно чтобы вызывалась функция led при onmousedown суть данного кода следующая есть веб страница на которой формируется адресная строка следующего вида "/ R? R =" + b1 + "& G =" + b2 + "& B =" + b3 + "& W =" + b4; где значеня b является положение ползунков. и передается в свою очередь читается и выполняется условие. Для лучшего понимания я сделаю видео как должно работать и чего я хочу. Спасибо за ваше время и простите не ясно спрашиваю, согласен вопрос так и не было в описании, попробую в дальнейшем более подробно выражаться
  8. Не работают ява скрипт на мобильных устройствах. <!DOCTYPE html> <html lang="ua-UA"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/style.css"> <script type="text/javascript" src="/function.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Управління LED</title> </head> <body onload="load();"> <div class="container"> <div class="row" style="text-align:center;"> <h1 style="margin:50px;">Управління LED</h1> <div class="col-sm-offset-2 col-sm-8 col-md-offset-3 col-md-6"> <h5 class="alert-info" id="ssdp_t">{{SSDP}}</h5> <a class="btn btn-block btn-danger" href="/">Головна сторінка</a> <hr> <body onmouseup="if(window.interval) clearInterval(interval)"> <div class="zaholovok red" id="r">ЧЕРВОНИЙ</div> <input type="range" id="LEDR" min="0" max="1023" value="{{LEDR}}" step="1" oninput="LEDR()" onmousedown="interval=setInterval('led()',100)"> <div class="zaholovok green" id="g">ЗЕЛЕНЙ</div> <input type="range" id="LEDG" min="0" max="1023" value="{{LEDG}}" step="1" oninput="LEDG()" onmousedown="interval=setInterval('led()',100)"> <div class="zaholovok blue" id="b">СИНIЙ</div> <input type="range" id="LEDB" min="0" max="1023" value="{{LEDB}}" step="1" oninput="LEDB()" onmousedown="interval=setInterval('led()',100)"> <div class="zaholovok wait" id="w">БIЛИЙ</div> <input type="range" id="LEDW" min="0" max="1023" value="{{LEDW}}" step="1" oninput="LEDW()" onmousedown="interval=setInterval('led()',100)"> </div> </div> </div> </body> </html> function led() { b1 = document.getElementById('LEDR').value; b2 = document.getElementById('LEDG').value; b3 = document.getElementById('LEDB').value; b4 = document.getElementById('LEDW').value; server = "/R?R="+b1+"&G="+b2+"&B="+b3+"&W="+b4; console.log(server); request = new XMLHttpRequest(); request.open("GET", server, true); request.send(); } input[type=range] { -webkit-appearance: none; width: 100%; margin: 20.8px 0; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 8.4px; cursor: pointer; box-shadow: 2.9px 2.9px 8.6px #6c1b0c, 0px 0px 2.9px #83210f; background: rgba(204, 211, 175, 0.42); border-radius: 1.3px; border: 0.2px solid #010101; } input[type=range]::-webkit-slider-thumb { box-shadow: 3.2px 3.2px 9px rgba(99, 88, 182, 0.33), 0px 0px 3.2px rgba(116, 106, 190, 0.33); border: 1.4px solid rgba(152, 97, 145, 0.43); height: 50px; width: 50px; border-radius: 50px; background: #95d18b; cursor: pointer; -webkit-appearance: none; margin-top: -21px; } input[type=range]:focus::-webkit-slider-runnable-track { background: rgba(204, 211, 175, 0.42); } input[type=range]::-moz-range-track { width: 100%; height: 8.4px; cursor: pointer; box-shadow: 2.9px 2.9px 8.6px #6c1b0c, 0px 0px 2.9px #83210f; background: rgba(204, 211, 175, 0.42); border-radius: 1.3px; border: 0.2px solid #010101; } input[type=range]::-moz-range-thumb { box-shadow: 3.2px 3.2px 9px rgba(99, 88, 182, 0.33), 0px 0px 3.2px rgba(116, 106, 190, 0.33); border: 1.4px solid rgba(152, 97, 145, 0.43); height: 50px; width: 50px; border-radius: 50px; background: #95d18b; cursor: pointer; } input[type=range]::-ms-track { width: 100%; height: 8.4px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } input[type=range]::-ms-fill-lower { background: rgba(204, 211, 175, 0.42); border: 0.2px solid #010101; border-radius: 2.6px; box-shadow: 2.9px 2.9px 8.6px #6c1b0c, 0px 0px 2.9px #83210f; } input[type=range]::-ms-fill-upper { background: rgba(204, 211, 175, 0.42); border: 0.2px solid #010101; border-radius: 2.6px; box-shadow: 2.9px 2.9px 8.6px #6c1b0c, 0px 0px 2.9px #83210f; } input[type=range]::-ms-thumb { box-shadow: 3.2px 3.2px 9px rgba(99, 88, 182, 0.33), 0px 0px 3.2px rgba(116, 106, 190, 0.33); border: 1.4px solid rgba(152, 97, 145, 0.43); height: 50px; width: 50px; border-radius: 50px; background: #95d18b; cursor: pointer; height: 8.4px; } input[type=range]:focus::-ms-fill-lower { background: rgba(204, 211, 175, 0.42); } input[type=range]:focus::-ms-fill-upper { background: rgba(204, 211, 175, 0.42); } #r{ font-family: Garamond, serif; line-height: 1em; color: #ad4747; font-weight:bold; font-size: 26px; text-shadow:0px 0px 0 rgb(136,34,34),1px 1px 0 rgb(109,7,7), 2px 2px 0 rgb(82,-20,-20),3px 3px 2px rgba(0,0,0,0.5),3px 3px 1px rgba(0,0,0,0.5),0px 0px 2px rgba(0,0,0,.2);} #g{ font-family: Garamond, serif; line-height: 1em; color: #47ad62; font-weight:bold; font-size: 26px; text-shadow:0px 0px 0 rgb(34,136,61),1px 1px 0 rgb(7,109,34), 2px 2px 0 rgb(-20,82,7),3px 3px 2px rgba(0,0,0,0.5),3px 3px 1px rgba(0,0,0,0.5),0px 0px 2px rgba(0,0,0,.2);} #b{ font-family: Garamond, serif; line-height: 1em; color: #4e47ad; font-weight:bold; font-size: 26px; text-shadow:0px 0px 0 rgb(41,34,136),1px 1px 0 rgb(14,7,109), 2px 2px 0 rgb(-13,-20,82),3px 3px 2px rgba(0,0,0,0.5),3px 3px 1px rgba(0,0,0,0.5),0px 0px 2px rgba(0,0,0,.2);} #w{ font-family: Garamond, serif; line-height: 1em; color: #e2dff0; font-weight:bold; font-size: 26px; text-shadow:0px 0px 0 rgb(189,186,203),1px 1px 0 rgb(162,159,176), 2px 2px 0 rgb(135,132,149),3px 3px 2px rgba(0,0,0,0.5),3px 3px 1px rgba(0,0,0,0.5),0px 0px 2px rgba(0,0,0,.2);}
  9. и вот ето строку дописать и норм setTimeout('led()',500);
  10. Все работает использовал данный скрипт, кому надо пользуйтесь это для модуля esp8266 <script> function led() { b1 = document.getElementById('button1').value; b2 = document.getElementById('button2').value; b3 = document.getElementById('button3').value; b4 = document.getElementById('button4').value; server = "/led?r="+b1+"&g="+b2+"&b="+b3+"&w="+b4; console.log(server); request = new XMLHttpRequest(); request.open("GET", server, true); request.send(); } </script>
  11. до сих пор не работает. Я здесь нашел пример передачи данных для моего случая, но разобраться не могу как он работает.
  12. сижу пилю прошивку для микроконтроллера и заметил что при нажатии кнопки я перехожу на эту страницу http://192.168.0.106/ledr?r=105&g=79&b=0&w=0 вопрос как можно сделать так чтобы после того как мы кликнули по кнопке Сылка отправилась а я остался на начальной странице.
  13. последний вариант не работает. возможная причина здесь так вы добавляете знак всегда & function createSubString(prevValue, it) { return (prevValue += "&" + it.name + "=" + it.value); а в ссылке первое значение передается таким образом http://192.168.0.106/ledr?r=105&g=79&b=0&w=0 спасибо за ваши старания, так как я не очень-то понимаю щи вы предлагаете способы решения нет смысла поскольку я немного не понимаю о чем речь.
  14. смысл здесь следующий когда мы отправляем строку http://192.168.0.106/ledr?r=324&g=244&b=117&w=224 я ее принимаю на другом устройстве HTTP.on("/led", handle_r); void handle_r() { String r = HTTP.arg("r"); String g = HTTP.arg("g"); String b = HTTP.arg("b"); String w = HTTP.arg("w"); int ledr = r.toInt(); int ledg = g.toInt(); int ledb = b.toInt(); int ledw = w.toInt(); ledr=1023-ledr; ledg=1023-ledg; ledb=1023-ledb; ledw=1023-ledw; analogWrite(LED_BUILTIN, ledr); //analogWrite(LED_BUILTIN, ledg); //analogWrite(LED_BUILTIN, ledb); //analogWrite(LED_BUILTIN, ledw); return; } имея значение я могу оперировать ими уже в знакомой мне среде, то есть эти даны попадают на микроконтроллер ну а на неь мы регулируем pwm делаю свою версию умного дома. Если хотите позже закину видео и все материалы проекта в эту тему.
  15. Большое спасибо. и последний вопрос как сделать так чтобы форма отправляла и промежуточные значения и кнопку не нужно нажимать. конечно если это возможно
  16. Если нетрудно можете объяснить или дать пример как формировать ссылку следующим образом вместо нулей вставлять значения переменных http://192.168.0.106/led?r=0&g=0&b=0&w=0
  17. так это то, что я хотел, спасибо Я конечно получил ответ на свой вопрос и не вправе просить еще что-то, я очень благодарен за проделанную вами работу. Конечно если у вас есть время объяснить как сделать чтобы Сылка выполнялась сразу не используя кнопку то есть передавалась все промежуточные значения тоже. Ну и хотелось чтобы мы оставались на нашем сайте.
  18. Ребят поскольку я только начинающий, подскажите как формировать ссылку с переменой, То есть как сделать чтобы к силки добавлялось значение с переменой !DOCTYPE html> <html lang="ua-UA"> <head> <meta charset="UTF-8"/> <title>Люстра в моїй кiмнатi</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 align="center">Управлiння люстри в моїй кiмнатi</h1> <div class="zaholovok red" id="r">ЧЕРВОНИЙ</div> <input type="range" id="fan11" min="0" max="1023" value="0" step="1" oninput="fan1()"> <div class="zaholovok green" id="g">ЗЕЛЕНЙ</div> <input type="range" id="fan22" min="0" max="1023" value="0" step="1" oninput="fan2()"> <div class="zaholovok blue" id="b">СИНIЙ</div> <input type="range" id="fan33" min="0" max="1023" value="0" step="1" oninput="fan3()"> <div class="zaholovok wait" id="w">БIЛИЙ</div> <input type="range" id="fan44" min="0" max="1023" value="0" step="1" oninput="fan4()"> <a href="http://192.168.0.106/ledr?r="+ id="r">ЗАСТОСУВАТИ</a> То есть как сделать чтобы к силки добавлялось значение с переменой <script type="text/javascript" src="function.js"></script> </body> </html> function fan1() { var rang=document.getElementById('fan11'); var p=document.getElementById('r'); p.innerHTML=rang.value; } function fan2() { var rang=document.getElementById('fan22'); var p=document.getElementById('g'); p.innerHTML=rang.value; } function fan3() { var rang=document.getElementById('fan33'); var p=document.getElementById('b'); p.innerHTML=rang.value; } function fan4() { var rang=document.getElementById('fan44'); var p=document.getElementById('w'); p.innerHTML=rang.value; }
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy