Gora

Newbie
  • Content count

    19
  • Joined

  • Last visited

  • Days Won

    1

Gora last won the day on November 15 2019

Gora had the most liked content!

Community Reputation

1 Обычная

About Gora

  • Rank
    Новичок

Information

  • Sex
    мужской

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Gora

    Атрибут disabled

    Если не сидеть на одном месте, то можно многое узнать, оставлю это здесь возможно кому-то пригодится. 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. Большое спасибо. и последний вопрос как сделать так чтобы форма отправляла и промежуточные значения и кнопку не нужно нажимать. конечно если это возможно