Gora
-
Posts
19 -
Joined
-
Last visited
-
Days Won
1
Gora's Achievements
-
Если не сидеть на одном месте, то можно многое узнать, оставлю это здесь возможно кому-то пригодится. css input:invalid + input[type=submit] { pointer-events:none; opacity:0.5; }
-
Может ето картинка.png, а не блок и css
-
Доброго времени суток, при написании одного из макетов встала проблема, нужно связать форму 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 форма должны быть связаны. Благодарю за внимание, Всего самого лучшего вам.
-
Решил я применить данный https://codepen.io/cl4ws0n/pen/jyxrZJ?page=5& визуализатор, все шикарно треки добавить можно с soundcloud, только при прослушивании зацикливается 1 трек, хотелось чтобы они воспроизводились один за другим(Конечно если кто подскажет как добавить органы управления между треками буду очень благодарен.), для меня это была не легкая задача разобраться в данном коде, прошу помощи в знающих людей. Спасибо что откликнулись, приму любые идеи висказуйте их в комментариях. Спасибо
-
Всем привет нужен на сайт визуализатор на 3 столбика, Короче нужно к переменим которые отвечают за высоту столба подцепить функцию, но мне и кода хватит с небольшими комментариями. Будет что-то похожее на светомузыку, и я логически подумал что можно использовать готовый код и изменить его под свои нужды, поскольку я не очень знаю js поэтому прошу вас форумчан помочь мне воплотить в жизнь свои извращенные планы в жизнь. Спасибо за уделенное время.
-
Я во всем разобрался Простите что загромождают форум ненужными темами но в тот момент я действительно не знал что делать
-
нужно чтобы вызывалась функция led при onmousedown суть данного кода следующая есть веб страница на которой формируется адресная строка следующего вида "/ R? R =" + b1 + "& G =" + b2 + "& B =" + b3 + "& W =" + b4; где значеня b является положение ползунков. и передается в свою очередь читается и выполняется условие. Для лучшего понимания я сделаю видео как должно работать и чего я хочу. Спасибо за ваше время и простите не ясно спрашиваю, согласен вопрос так и не было в описании, попробую в дальнейшем более подробно выражаться
-
Не работают ява скрипт на мобильных устройствах. <!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);}
-
и вот ето строку дописать и норм setTimeout('led()',500);
-
Все работает использовал данный скрипт, кому надо пользуйтесь это для модуля 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>
-
до сих пор не работает. Я здесь нашел пример передачи данных для моего случая, но разобраться не могу как он работает.
-
сижу пилю прошивку для микроконтроллера и заметил что при нажатии кнопки я перехожу на эту страницу http://192.168.0.106/ledr?r=105&g=79&b=0&w=0 вопрос как можно сделать так чтобы после того как мы кликнули по кнопке Сылка отправилась а я остался на начальной странице.
-
последний вариант не работает. возможная причина здесь так вы добавляете знак всегда & function createSubString(prevValue, it) { return (prevValue += "&" + it.name + "=" + it.value); а в ссылке первое значение передается таким образом http://192.168.0.106/ledr?r=105&g=79&b=0&w=0 спасибо за ваши старания, так как я не очень-то понимаю щи вы предлагаете способы решения нет смысла поскольку я немного не понимаю о чем речь.
-
смысл здесь следующий когда мы отправляем строку 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 делаю свою версию умного дома. Если хотите позже закину видео и все материалы проекта в эту тему.
-
Большое спасибо. и последний вопрос как сделать так чтобы форма отправляла и промежуточные значения и кнопку не нужно нажимать. конечно если это возможно
