Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
HTML
Event nicht gekommen
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="KahnSoft, post: 14483, member: 4954"] Hallo, ich habe ein html mit Skript, und alles funktioniert wunderbar, es hat insbesondere Slider die beim loslassen der Maus ein Event geben, darüber informiere ich den Server. Doch rein sporadisch manches mal wird der Slider bewegt, aber scheinbar kommt das Event sliderMouseUp nicht, und auch die Buttons gehen oft erst beim zweiten male woran kann das liegen ? [CODE=html]<head> <script src="jquery-latest.js"></script> <link rel="stylesheet" href="styles.css"> </head> <body style="background-color: #000f;" text="#ffffff" > <form id="SliderForm"> <table> <tr> <td> <input type="range" name="Position" min="0" max="20000" value="0" step="5" oninput="sliderInput(this)" onmouseup="sliderMouseUp(this)" /><br /> Position  <span class="sliderStatus">5</span> <hr style="height:1px; visibility:hidden;" /> </td> </tr> <tr> <td> <input type="range" name="Speed" min="1" max="1000" value="90" step="1" oninput="sliderInput(this)" onmouseup="sliderMouseUp(this)" /><br /> Speed  <span class="sliderStatus">5</span> <hr style="height:1px; visibility:hidden;" /> </td> </tr> <tr> <td> <input type="button" value="Stop" name="Stop" onclick="ButtonInput(this)" class="styledButtonRed" /> </td> </tr> <tr> <td> <input type="button" value="Home" name="Home" onclick="ButtonInput(this)" class="styledButton" /> </td> </tr> <tr> <td> <input type="button" value="Reset" name="Reset" onclick="ButtonInput(this)" class="styledButton" /> </td> </tr> <tr> <td> <input type="button" value="F1" name="F1" onclick="ButtonInput(this)" class="styledButton" /> </td> </tr> <tr> <td> <input type="button" value="F2" name="F2" onclick="ButtonInput(this)" class="styledButton" /> </td> </tr> <tr> <td> <input type="button" value="F3" name="F3" onclick="ButtonInput(this)" class="styledButton" /> </td> </tr> <tr> <td> <input type="button" value="F4" name="F4" onclick="ButtonInput(this)" class="styledButton" /> </td> </tr> <tr> <td> <input type="button" value="F5" name="F5" onclick="ButtonInput(this)" class="styledButton" /> </td> </tr> <tr> <td> <input type="button" value="F6" name="F6" onclick="ButtonInput(this)" class="styledButton" /> </td> </tr> </table> <h1 id="GetPos"></h1> <h1 id="Weather"></h1> </form> <script type="text/javascript"> var index = 0; var sliders = 0; var ajax1 = 0; var lstPosStr = ""; var lstWeatherStr = ""; var htmlPos = 0; var htmlWeather = 0; function GetServerVar(varStr) { ajax1.open("GET", document.location, false);//false wait not async=true ajax1.setRequestHeader("GETVALUE", varStr);//in pre parse we can find this request value on server, and get the equal variable from LUA-Script ajax1.send(); return ajax1.responseText; } function OnTimer1() { var posStr = GetServerVar("gAxisZAct");//in pre parse we can find this request value on server, and get the equal variable from LUA-Script if (lstPosStr != posStr)//change anthing only if possible change detected { lstPosStr = posStr; htmlPos.innerText = posStr;//This retreive the LUA -Script variable from Server in this case gAxisZAct index[0].value = posStr//slider pos sliders[0].innerHTML = " " + posStr;//slider txt } } function OnTimer2() { var weatherStr = GetServerVar("gWeather"); if (lstWeatherStr != weatherStr)//change anthing only if possible change detected { lstWeatherStr = weatherStr; htmlWeather.innerText = weatherStr;//This retreive the LUA -Script variable from Server in this gWeather } } function Init() { ajax1 = new XMLHttpRequest(); index = document.getElementsByTagName('input'); sliders = document.getElementsByClassName('sliderStatus'); htmlPos = document.getElementById('GetPos'); htmlWeather = document.getElementById('Weather'); sliders[0].innerHTML = " " + index[0].value; sliders[1].innerHTML = " " + index[1].value; ajax1.open("PUT", document.location + "?" + index[0].name + "=" + index[0].value + "&" + index[1].name + "=" + index[1].value + "& "); ajax1.send(); setInterval("OnTimer1()", 150); setInterval("OnTimer2()", 1000); } $(document).ready(function () { Init() }); function ButtonInput(e) { ajax1.open("PUT", document.location + "?" + e.name + "=" + e.value, true);//PUT WILL CHANGE AND NOT SAVE ajax1.send(); } function sliderInput(e) { for (i = 0; i < 2; i++) if (e == index[i]) sliders[i].innerHTML = e.value; //if (e.name != "Position")//dont overpoll bitrate //ajax.open("PUT", document.location + "?" + e.name + "=" + e.value);//PUP WILL CHANGE //ajax.send(null); } function sliderMouseUp(e)//mousup send http request form { for (i = 0; i < 2; i++) if (e == index[i]) sliders[i].innerHTML = e.value; ajax1.open("POST", document.location + "?" + e.name + "=" + e.value,true);//PUSH WILL CAHNGE AND SAVE ajax1.send(); } </script> </body> </html>[/CODE] Danke für Hinweise Viele Grüße Karsten aus Berlin [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
HTML
Event nicht gekommen
Oben
Unten