Pfeiltasten mit JavaScript abfangen und Skripte ausführen

3DFreaky · October 20, 2014 at 6:07 PM

Moin

Für ein kleines Projekt möchte ich das eine auf dem RPi gehostete Webseite die Pfeiltasten abfängt und beim Drücken der Taste ein Skript ausführt und beim loslassen der Taste das Skript mit STRG+C beendet. Ich habe allerdings überhaupt kein Plan von JavaScript. Ich werde auch aus dieser Seite nicht ganz schlau: http://de.selfhtml.org/javascript/objekte/event.htm

Kann einer mir das bitte erklären?!

VG 3D

Bot · Vor 5 Minuten

Pfeiltasten mit JavaScript abfangen und Skripte ausführen? Schau mal ob du hier fündig wirst!

Clonix · October 22, 2014 at 8:28 PM

Vielleicht hilft Dir das weiter
>> Hier klicken <<

Gruß Clonix

3DFreaky · October 23, 2014 at 10:54 AM

Erstmal vielen Dank dir.

Wenn ich das richtig verstehe zählt das Skript wie lange die Taste gedrückt wurde und übergibt dies dann an das PHP-Skript. Das mit dem keyup/keydown event ist mir jetzt klar, aber ich benötige eine "Live-Weiterleitung" dh. die Taste wird gedrückt Skript-NR1 wird ausgeführt = Roboter fährt vorwärts, dauerhaft in einer Schleife. Taste wird losgelassen Skript-NR1 wird mit STRG+C beendet.

Ist das so richtig oder habe ich da was falsch interprätiert?

VG 3D

Bot · Vor einem Moment

Schau mal ob du hier fündig wirst:

Der_Imperator · October 23, 2014 at 1:32 PM

Ich weis zwar nicht was dein Script macht aber wenn du nur einen "Motor" über GPIO steuerst dann kannst du auch bei
Taste gedückt -> Setze GPIO = 1
Taste Losgelassen -> Setze GPIO = 0
ausführen. Das spart den Umweg über ein Shellscript.

DeFisch · October 23, 2014 at 1:45 PM

Quote from Der_Imperator

Ich weis zwar nicht was dein Script macht aber wenn du nur einen "Motor" über GPIO steuerst dann kannst du auch bei
Taste gedückt -> Setze GPIO = 1
Taste Losgelassen -> Setze GPIO = 0
ausführen. Das spart den Umweg über ein Shellscript.

Und die Technik um Informationen Asynchron mit z.B. Php auszutauschen nennt sich Ajax.

Also kannst du ein Javascript Event schreiben wenn a
Taste gedrückt --> setzt wert fürs fahren über ein XMLHttpRequest();
Taste Losgelassen --> hört aufzufahren wieder über XMLHttpRequest();

3DFreaky · October 23, 2014 at 2:24 PM

Es ist ein Roboterbausatz von 4Tronix. Die Anstreuerung soll auf Basis dieses Test-Skripts sein. Allerdings für jede Richtung ein eigenes Python-Skript.

Tante EDIT:

Hab das Skript von Clonix umgeschrieben:

HTML

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">


var strKeyCap = "Nicht unterstuetze Taste";


    $( document ).ready(function(){

        $( window ).keydown(function(event){
            $('#actEvent').html(fnArrowKey(event.keyCode));

        });  

        $( window ).keyup(function(event){
            $('#actEvent').html(echo shell_exec("sudo python /var/www/links.py"));


        });  
     });


    function fnArrowKey(e) {
        if      (e === 37) {echo shell_exec("sudo python /var/www/links.py")}
        else if (e === 38) {echo shell_exec("sudo python /var/www/oben.py")}
        else if (e === 39) {echo shell_exec("sudo python /var/www/rechts.py")}
        else if (e === 40) {echo shell_exec("sudo python /var/www/unten.py")}
        else {strKeyCap = "Nicht unterstuetze Taste"}
        return (strKeyCap);
    }

}  

    </script>
</head>
    <body>
        <div> 
            <span id="actEvent"></span><br><span id="counter"></span>
        </div>
    </body>
</html>

Display More

Geht das so oder ist da noch ein Fehler drin?

VG

Bot · Vor einem Moment

Schau mal ob du hier fündig wirst:

3DFreaky · October 27, 2014 at 5:32 PM

UPDATE:

Ich habe nun ein Skript geschrieben, dass alle Befehle ausführt und das was er ausführen soll über "sys.stdin.read()" in der Commandline ausliest.

Python

#!/usr/bin/python


import RPi.GPIO as GPIO, sys, threading, time


GPIO.setmode(GPIO.BOARD)


GPIO.setup(19, GPIO.OUT)
p=GPIO.PWM(19, 20)
p.start(0)
GPIO.setup(21, GPIO.OUT)
q=GPIO.PWM(21, 20)
q.start(0)
GPIO.setup(24, GPIO.OUT)
a=GPIO.PWM(24,20)
a.start(0)
GPIO.setup(26, GPIO.OUT)
b=GPIO.PWM(26,20)
b.start(0)


slowspeed = 10
fastspeed = 80
LED1 = 22
LED2 = 18
LED3 = 11
LED4 = 07
GPIO.setup(LED1, GPIO.OUT)
GPIO.setup(LED2, GPIO.OUT)
GPIO.setup(LED3, GPIO.OUT)
GPIO.setup(LED4, GPIO.OUT)


def forwards():
  p.ChangeDutyCycle(fastspeed)
  q.ChangeDutyCycle(0)
  a.ChangeDutyCycle(fastspeed)
  b.ChangeDutyCycle(0)
  setLEDs(1, 0, 0, 1)


def reverse():
  p.ChangeDutyCycle(0)
  q.ChangeDutyCycle(fastspeed)
  a.ChangeDutyCycle(0)
  b.ChangeDutyCycle(fastspeed)
  setLEDs(0, 1, 1, 0)

def turnleft():
  p.ChangeDutyCycle(fastspeed)
  q.ChangeDutyCycle(0)
  a.ChangeDutyCycle(slowspeed)
  b.ChangeDutyCycle(0)
  setLEDs(0, 0, 1, 1)


def turnright():
  p.ChangeDutyCycle(slowspeed)
  q.ChangeDutyCycle(0)
  a.ChangeDutyCycle(fastspeed)
  b.ChangeDutyCycle(0)
  setLEDs(1, 1, 0, 0)


def stopall():
  p.ChangeDutyCycle(0)
  q.ChangeDutyCycle(0)
  a.ChangeDutyCycle(0)
  b.ChangeDutyCycle(0)
  setLEDs(1, 1, 1, 1)


def setLEDs(L1, L2, L3, L4):
  GPIO.output(LED1, L1)
  GPIO.output(LED2, L2)
  GPIO.output(LED3, L3)
  GPIO.output(LED4, L4)


def cmdeinlesen():
  print "Enter text!"
  direction = sys.stdin.read()


try:
	while True:
		setLEDs(1, 1, 1, 1)
		direction = sys.stdin.read()
		if direction=="oben":
			forwards()
		elif direction=="unten":
			reverse()
		elif direction=="links":
			turnleft()
		elif direction=="rechts":
			turnright()
		elif direction=="stop":
			stopall()
		else:
			print "Abbruch"
			setLEDs(0, 0, 0, 0)
			GPIO.cleanup()
			sys.exit()


except KeyboardInterrupt:
  Going = False
  setLEDs(0, 0, 0, 0)
  GPIO.cleanup()
  sys.exit()

Display More

Nun habe ich die Webseite von Clonix komplett geändert:

PHP

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">

        ( window ).keypress(function(){
            if      (e === 37) {"links"}
			else if (e === 38) {"oben"}
			else if (e === 39) {"rechts"}
			else (e === 40) {"unten"}
        });  

        ( window ).keyup(function(){
            "stop"
        });  


	</script>
</head>
<?php
if ($_GET['run']) {
  # This code will run if ?run=true is set.
  exec("sudo python /var/www/motor.py");
}
?>


<!-- This link will add ?run=true to your URL, myfilename.php?run=true -->
<a href="?run=true">Click Me!</a>
</html>

Display More

Allerdings habe ich keinen Befehl gefunden um etwas in die Commandline zu posten, geschweige denn wie ich das STRG-D bzw. EOF-Signal an die Commandline übergeben bekomme, damit er das eingegebene ausführt.

Kennt ihr die Befehle oder eine andere Möglichkeit um diese Funktion zu gewährleisten?!

VG 3D

Der_Imperator · October 27, 2014 at 7:45 PM

Quote from 3DFreaky

Allerdings habe ich keinen Befehl gefunden um etwas in die Commandline zu posten, geschweige denn wie ich das STRG-D bzw. EOF-Signal an die Commandline übergeben bekomme, damit er das eingegebene ausführt.

Kennt ihr die Befehle oder eine andere Möglichkeit um diese Funktion zu gewährleisten?!

VG 3D

Das geht auch über exec.
Du kannst das Script Hard abbrechen mittels dem KILL Befehl.

Zum Beispiel :

Code

exec("sudo kill $(ps -A | grep deinscript.py | awk {'print $1'})")

Macht was ?
ps -A -> Listet die Prozesse
grep deinscript.py -> filtert deinscript.py aus der Liste
awk{'print $1'} -> liest den ersten Wert der Zeile, Trennzeichen = Leerzeichen, hier die ProzessID von deinscript.py

$(ps -A | grep deinscript.py | awk {'print $1'})

Liefert also die PID von myscript.py

Der Befehl welcher exec übergeben wird ist also eigentlich z.B.
sudo kill 12345

Es gibt noch viele andere Wege, z.B. mit pidof die PID zu finden , und viele ein laufendes Script abzubrechen.
Das ist nur ein Beispiel wie es gehen kann.

3DFreaky · October 27, 2014 at 9:05 PM

Du hast mich falsch verstanden

STRG+D bricht das Skript nicht ab. Es signalisiert dem Skript, dass es die Eingabe (zB "oben") einlesen soll.

VG

Bot · Vor einem Moment

Schau mal ob du hier fündig wirst:

Clonix · October 28, 2014 at 11:20 AM

hi
Tastenkombinationen kannst Du mit && verknüfen
[code=php]
else if (e === 17 && e === 68 ) {strKeyCap = "Strg+d"}
[/php]

Gruss Clonix

3DFreaky · October 28, 2014 at 7:51 PM

Ich entschuldige mich an dieser Stelle für alle meine überflüssigen Fragen!
Ich musste alles was ich mir bis jetzt gedacht habe über den Haufen werfen.

Ich habe jetzt für jede Funktion PHP-Skripts geschrieben, die wiederum die py-Skripts über den exec()-Befehl ausführen. Die PHP Skripppts rufe ich über $.ajax() auf. Doch die html-Datei funktioniert leider nicht!

HTML

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">

	$( document ).ready(function(){

        $( window ).keydown(function(e){
			if      (e === 37) {$.ajax({url:"/var/www/links.php"})}
			else if (e === 38) {$.ajax({url:"/var/www/oben.php"})}
			else if (e === 39) {$.ajax({url:"/var/www/rechts.php"})}
			else if (e === 40) {$.ajax({url:"/var/www/unten.php"})}
			else {$.ajax({url:"/var/www/kill.php"})}
        });  

        $( window ).keyup(function(){
            {$.ajax({url:"/var/www/kill.php"})}
        }); 
	}	

    </script>
</head>
</html>

Display More

Jemand eine Idee warum?

VG 3D

3DFreaky · October 29, 2014 at 11:30 PM

Keiner?

Bot · Vor einem Moment

Schau mal ob du hier fündig wirst:

Participate now!