Jump to content
  • 0

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

Gora

Asked by Gora,

 Share

Question

Gora Explorer

Gora

Posted
Posted

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

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

 

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0
wwt Explorer

wwt

Posted
Posted

Я чего-то не понимаю?

1.<body> их почему-то два

2. в js одна функция led() которая нигде не вызывается? Зато есть вызов load() которой нет.

3. зачем-то остановка интервала который нигде не создается.

Да и вообще что именно не работает, и как это вообще должно было работать?

  • Confused 1
Link to comment
Share on other sites
  • 0
Gora Explorer

Gora

Posted
  • Author
Posted

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

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • 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

  I accept