Gora

November 13, 2019

Если не сидеть на одном месте, то можно многое узнать, оставлю это здесь возможно кому-то пригодится.

css

input:invalid + input[type=submit] {
 pointer-events:none;
 opacity:0.5;
}

November 13, 2019

Может ето картинка.png, а не блок и css

November 13, 2019

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

May 10, 2018

Решил я применить данный https://codepen.io/cl4ws0n/pen/jyxrZJ?page=5& визуализатор, все шикарно треки добавить можно с soundcloud, только при прослушивании зацикливается 1 трек, хотелось чтобы они воспроизводились один за другим(Конечно если кто подскажет как добавить органы управления между треками буду очень благодарен.), для меня это была не легкая задача разобраться в данном коде, прошу помощи в знающих людей.

Спасибо что откликнулись, приму любые идеи висказуйте их в комментариях. Спасибо

May 6, 2018

Всем привет нужен на сайт визуализатор на 3 столбика, Короче нужно к переменим которые отвечают за высоту столба подцепить функцию, но мне и кода хватит с небольшими комментариями.

Будет что-то похожее на светомузыку, и я логически подумал что можно использовать готовый код и изменить его под свои нужды, поскольку я не очень знаю js поэтому прошу вас форумчан помочь мне воплотить в жизнь свои извращенные планы в жизнь.

Спасибо за уделенное время.

May 6, 2018

Я во всем разобрался Простите что загромождают форум ненужными темами но в тот момент я действительно не знал что делать

May 5, 2018

нужно чтобы вызывалась функция led при onmousedown

суть данного кода следующая есть веб страница на которой формируется адресная строка следующего вида "/ R? R =" + b1 + "& G =" + b2 + "& B =" + b3 + "& W =" + b4; где значеня b является положение ползунков. и передается в свою очередь читается и выполняется условие.

Для лучшего понимания я сделаю видео как должно работать и чего я хочу. Спасибо за ваше время и простите не ясно спрашиваю, согласен вопрос так и не было в описании, попробую в дальнейшем более подробно выражаться

May 5, 2018

Не работают ява скрипт на мобильных устройствах.

<!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);}

November 19, 2017

и вот ето строку дописать и норм setTimeout('led()',500);

November 19, 2017

Все работает использовал данный скрипт, кому надо пользуйтесь это для модуля 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>

November 19, 2017

до сих пор не работает. Я здесь нашел пример передачи данных для моего случая, но разобраться не могу как он работает.

November 18, 2017

сижу пилю прошивку для микроконтроллера и заметил что при нажатии кнопки я перехожу на эту страницу http://192.168.0.106/ledr?r=105&g=79&b=0&w=0 вопрос как можно сделать так чтобы после того как мы кликнули по кнопке Сылка отправилась а я остался на начальной странице.

November 18, 2017

последний вариант не работает.

возможная причина здесь так вы добавляете знак всегда &

function createSubString(prevValue, it) { return (prevValue += "&" + it.name + "=" + it.value);

а в ссылке первое значение передается таким образом

http://192.168.0.106/ledr?r=105&g=79&b=0&w=0

спасибо за ваши старания, так как я не очень-то понимаю щи вы предлагаете способы решения нет смысла поскольку я немного не понимаю о чем речь.

November 18, 2017

смысл здесь следующий когда мы отправляем строку 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

делаю свою версию умного дома. Если хотите позже закину видео и все материалы проекта в эту тему.

November 18, 2017

Большое спасибо. и последний вопрос как сделать так чтобы форма отправляла и промежуточные значения и кнопку не нужно нажимать. конечно если это возможно

November 18, 2017

wwt а можно пример?

November 18, 2017

Если нетрудно можете объяснить или дать пример как формировать ссылку следующим образом

вместо нулей вставлять значения переменных

http://192.168.0.106/led?r=0&g=0&b=0&w=0

November 18, 2017

35 минут назад, mrnobody сказал:

Так?

Я лишние айдишники убрал, хотя возможно они вам нужны. И у ссылки был дублировался id="r" как у первого заголовка инпута, я заменил его на id="link". Еще у ссылки перед id знак плюса явно лишний.

так это то, что я хотел, спасибо

Я конечно получил ответ на свой вопрос и не вправе просить еще что-то, я очень благодарен за проделанную вами работу.
Конечно если у вас есть время объяснить как сделать чтобы Сылка выполнялась сразу не используя кнопку то есть передавалась все промежуточные значения тоже.
Ну и хотелось чтобы мы оставались на нашем сайте.

November 18, 2017

Ребят поскольку я только начинающий, подскажите как формировать ссылку с переменой,

То есть как сделать чтобы к силки добавлялось значение с переменой

!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;
	
}

Sign In

Gora

Posts

Joined

Last visited

Days Won

Content Type

Profiles

Forums

Calendar

Store

Posts posted by Gora

Атрибут disabled

Как сделать такие блоки?

Атрибут disabled

Помогите разобраться

Подкиньте код простого визуализатора

Не работают ява скрипт

Не работают ява скрипт

Не работают ява скрипт

Сылка с переменой

Сылка с переменой

Сылка с переменой

Сылка с переменой

Сылка с переменой

Сылка с переменой

Сылка с переменой

Сылка с переменой

Сылка с переменой

Сылка с переменой

Сылка с переменой

Forums

Important Information