ComputerBase Menü
Aktuelles

WebIOPi Mousedown wird nicht ausgeführt

SMoTH

SMoTH

Cadet 4th Year
Registriert
Apr. 2014
Beiträge
70
Hallo an Alle,

ich habe auf meinem Pi WebIOPi am laufen und habe mehrere Button mit MouseDown und MouseUp Funktionen. Der erste Button funktioniert einwandfrei und bei den Anderen nur die MouseUp Funktion.

Kann mir jemand Helfen?

Code: Alles markieren
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content = "height = device-height, width = 420, user-scalable = no" />
<title>WebIOPi | PiBot Steuerung</title>
<script type="text/javascript" src="/webiopi.js"></script>
<script type="text/javascript">
webiopi().ready(function() {
var vor, zurück, links, rechts, buttonvorne, buttonzurück, buttonlinks, buttonrechts;

vor = $("#vor");
hinter = $("#hinter");
links = $("#links");
rechts = $("#rechts");

webiopi().setFunction(22, "OUT");
webiopi().setFunction(23, "OUT");
webiopi().setFunction(24, "OUT");
webiopi().setFunction(25, "OUT");

webiopi().digitalWrite(22, 0);
webiopi().digitalWrite(23, 0);
webiopi().digitalWrite(24, 0);
webiopi().digitalWrite(25, 0);


// Button zum vor -fahren
buttonvorne = webiopi().createButton("vor", "vor", vorne, vornestop);
vor.append(buttonvorne); // append button to vor div

// Button zum zurück -fahren
buttonzurück = webiopi().createButton("zurück", "zurück", zurück, zurückstop);
hinter.append(buttonzurück); // append button to zurück div

// Button zum links -drehen
buttonlinks = webiopi().createButton("links", "links", links, linksstop);
links.append(buttonlinks); // append button to links div

// Button zum rechts -drehen
buttonrechts = webiopi().createButton("rechts", "rechts", rechts, rechtsstop);
rechts.append(buttonrechts); // append button to rechts div

});


function vorne() {
// Funktion zum vor fahren

webiopi().digitalWrite(22, 1);
webiopi().digitalWrite(24, 1);
}

function vornestop() {
// Funktion zum vorne anhalten

webiopi().digitalWrite(22, 0);
webiopi().digitalWrite(24, 0);
}

function zurück() {
// Funktion zum zurück fahren

webiopi().digitalWrite(23, 1);
webiopi().digitalWrite(25, 1);
}

function zurückstop() {
// Funktion zum zurück anhalten

webiopi().digitalWrite(23, 0);
webiopi().digitalWrite(25, 0);
}

function links() {
// Funktion zum links drehen

webiopi().digitalWrite(22, 1);
webiopi().digitalWrite(25, 1);
}

function linksstop() {
// Funktion zum links drehen

webiopi().digitalWrite(22, 0);
webiopi().digitalWrite(25, 0);
}


function rechts() {
// Funktion zum rechts drehen

webiopi().digitalWrite(23, 1);
webiopi().digitalWrite(24, 1);
}

function rechtsstop() {
// Funktion zum rechts drehen

webiopi().digitalWrite(23, 0);
webiopi().digitalWrite(24, 0);
}
</script>


<style type="text/css">
buttonvorne {
display: block;
margin: 5px 5px 5px 5px;
width: 180px;
height: 180px;
font-size: 24pt;
font-weight: bold;
color: black;
}

buttonhinten {
display: block;
margin: 5px 5px 5px 5px;
width: 180px;
height: 180px;
font-size: 24pt;
font-weight: bold;
color: black;
}

buttonlinks {
display: block;
margin: 5px 5px 5px 5px;
width: 180px;
height: 180px;
font-size: 24pt;
font-weight: bold;
color: black;
}

buttonrechts {
display: block;
margin: 5px 5px 5px 5px;
width: 180px;
height: 180px;
font-size: 24pt;
font-weight: bold;
color: black;
}

input[type="range"] {
display: block;
width: 160px;
height: 45px;
}

#gpio2.LOW {
background-color: White;
}

#gpio3.LOW {
background-color: White;
}

#gpio4.LOW {
background-color: White;
}

#gpio14.LOW {
background-color: White;
}

#gpio2.HIGH {
background-color: Red;
}

#gpio3.HIGH {
background-color: Red;
}

#gpio4.HIGH {
background-color: Red;
}

#gpio14.HIGH {
background-color: Red;
}
</style>
</head>
<body>
<div id="content" align="center"></div>
<center>
<h1>PiBot Steuerung<h1>
<br />
<img src="http://192.168.1.121:8081">
<br />
<br />
<table>
<tr>
<th>
</th>
<th>
<div id="vor" align="center"></div>
</th>
<th>
</th>
</tr>
<tr>
<td>
<div id="links" align="center"></div>
</td>
<td>
</td>
<td>
<div id="rechts" align="center"></div>
</td>
</tr>
<tr>
<td>
</td>
<td>
<div id="hinter" align="center"></div>
</td>
<td>
</td>
</tr>
</table>
</center>
</body>
</html>
 
hi!

ich hab´s...

ich hab einfach die Funktionen etwas anders benannt, Umlaute sind immer problematisch.

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content = "height = device-height, width = 420, user-scalable = no" />
<title>WebIOPi | PiBot Steuerung</title>
<script type="text/javascript" src="/webiopi.js"></script>
<script type="text/javascript">
webiopi().ready(function() {
var vor, zurück, links, rechts, buttonvorne, buttonzurück, buttonlinks, buttonrechts;

vor = $("#vor");
hinter = $("#hinter");
links = $("#links");
rechts = $("#rechts");
webiopi().setFunction(4, "OUT");
webiopi().setFunction(17, "OUT");
webiopi().setFunction(22, "OUT");
webiopi().setFunction(10, "OUT");
webiopi().setFunction(9, "OUT");
webiopi().setFunction(11, "OUT");


webiopi().digitalWrite(4, 0);
webiopi().digitalWrite(17, 0);
webiopi().digitalWrite(22, 0);
webiopi().digitalWrite(10, 0);
webiopi().digitalWrite(9, 0);


// Button zum vor -fahren
buttonvorne = webiopi().createButton("vor", "vor", vorne, vornestop);
vor.append(buttonvorne); // append button to vor div

// Button zum zurück -fahren
buttonzurück = webiopi().createButton("zurück", "zurück", zurück, zurückstop);
hinter.append(buttonzurück); // append button to zurück div

// Button zum links -drehen
buttonlinks = webiopi().createButton("links", "links", links, linksstop);
links.append(buttonlinks); // append button to links div

// Button zum rechts -drehen
buttonrechts = webiopi().createButton("rechts", "rechts", rechts, rechtsstop);
rechts.append(buttonrechts); // append button to rechts div

});


function vorne() {
// Funktion zum vor fahren

webiopi().digitalWrite(22, 1);
webiopi().digitalWrite(10, 1);
}

function vornestop() {
// Funktion zum vorne anhalten

webiopi().digitalWrite(22, 0);
webiopi().digitalWrite(10, 0);
}

function zurück() {
// Funktion zum zurück fahren

webiopi().digitalWrite(4, 1);
webiopi().digitalWrite(17, 1);
}

function zurückstop() {
// Funktion zum zurück anhalten

webiopi().digitalWrite(4, 0);
webiopi().digitalWrite(17, 0);
}

function links() {
// Funktion zum links drehen

webiopi().digitalWrite(9, 1);
webiopi().digitalWrite(11, 1);
}

function linksstop() {
// Funktion zum links drehen

webiopi().digitalWrite(9, 0);
webiopi().digitalWrite(11, 0);
}


function rechts() {
// Funktion zum rechts drehen

webiopi().digitalWrite(4, 1);
webiopi().digitalWrite(11, 1);
}

function rechtsstop() {
// Funktion zum rechts drehen

webiopi().digitalWrite(4, 0);
webiopi().digitalWrite(11, 0);
}
</script>


<style type="text/css">
buttonvorne {
display: block;
margin: 5px 5px 5px 5px;
width: 180px;
height: 180px;
font-size: 24pt;
font-weight: bold;
color: black;
}

buttonhinten {
display: block;
margin: 5px 5px 5px 5px;
width: 180px;
height: 180px;
font-size: 24pt;
font-weight: bold;
color: black;
}

buttonlinks {
display: block;
margin: 5px 5px 5px 5px;
width: 180px;
height: 180px;
font-size: 24pt;
font-weight: bold;
color: black;
}

buttonrechts {
display: block;
margin: 5px 5px 5px 5px;
width: 180px;
height: 180px;
font-size: 24pt;
font-weight: bold;
color: black;
}

input[type="range"] {
display: block;
width: 160px;
height: 45px;
}

#gpio2.LOW {
background-color: White;
}

#gpio3.LOW {
background-color: White;
}

#gpio4.LOW {
background-color: White;
}

#gpio14.LOW {
background-color: White;
}

#gpio2.HIGH {
background-color: Red;
}

#gpio3.HIGH {
background-color: Red;
}

#gpio4.HIGH {
background-color: Red;
}

#gpio14.HIGH {
background-color: Red;
}
</style>
</head>
<body>
<div id="content" align="center"></div>
<center>
<h1>PiBot Steuerung<h1>
<br />

<br />
<br />
<table>
<tr>
<th>
</th>
<th>
<div id="vor" align="center"></div>
</th>
<th>
</th>
</tr>
<tr>
<td>
<div id="links" align="center"></div>
</td>
<td>
</td>
<td>
<div id="rechts" align="center"></div>
</td>
</tr>
<tr>
<td>
</td>
<td>
<div id="hinter" align="center"></div>
</td>
<td>
</td>
</tr>
</table>
</center>
</body>
</html>


Schöne Grüße und viel Spaß mit WebIOPi!

Fitz
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

M
chroot /mnt/gentoo /bin/bashchroot: der Befehl »/bin/bash« konnte nicht ausgeführt werden: Eingabe-/Ausgabefehler
Antworten
11
Aufrufe
608
Donnerkind
Donnerkind
R
Windows 11 25H2 wird nicht bis Ende ausgeführt
Antworten
17
Aufrufe
1.947
PonJoe58
PonJoe58
W
exiftool .bat Datei per Excel VBA ausgeführt liefert keine Daten
Antworten
13
Aufrufe
553
Alter_Falter
Alter_Falter
Dynamis
Thunderbird Portable Update wird nicht ausgeführt
Antworten
8
Aufrufe
1.156
Dynamis
Dynamis
josh190691
Shutdown Skript cmd (Group Policy) wird nicht ausgeführt.
Antworten
6
Aufrufe
1.030
josh190691
josh190691

Passend zum Thema

Zurück
Oben

Willkommen auf ComputerBase!

Mit Werbung weiterlesen

Besuche ComputerBase wie gewohnt mit Werbung und Tracking. Die Zustimmung ist jederzeit widerrufbar.

Details im Privacy Center und in der Liste unserer Partner. Ein Widerruf ist möglich in der Datenschutzerklärung.

… oder ComputerBase Pro bestellen

Nutze ComputerBase ohne Werbebanner, Video-Ads und Werbetracking schon für 4 €/Monat oder 36 €/Jahr.

Mehr zu ComputerBase Pro

Bereits Pro-Nutzer? Hier anmelden.

Tracking: Wir und unsere 187 Partner verarbeiten personenbezogene Daten, indem wir mit auf Ihrem Gerät gespeicherten Informationen (z. B. eindeutige Kennungen in Cookies) ein Nutzungsprofil erstellen, um z. B. Anzeigen zu personalisieren. Verarbeitungszwecke: Genaue Standortdaten und Abfrage von Geräteeigenschaften zur Identifikation, Informationen auf einem Gerät speichern und/oder abrufen, Personalisierte Anzeigen und Inhalte, Anzeigen- und Inhaltsmessungen, Erkenntnisse über Zielgruppen und Produktentwicklungen.

Impressum Kontakt Datenschutz