+ Antworten
Seite 1 von 4 1 2 3 ... LetzteLetzte
Ergebnis 1 bis 10 von 40
  1. #1
    Registriert seit
    Aug 2005
    Ort
    Fürstenfeldbruck-Aich (Bayern)
    Beiträge
    4,048

    Standard Universal KeyPad für Webfront

    Aus gegebenen Anlass habe ich ich mir eine Zahlentastatur (KeyPad) auf Basis einer externen HTML-Seite und Javaskript zusammengebastelt.

    Die Tastatur nimmt die eingegeben Zahlen auf und sendet diese nach betätigen des "Senden-Buttons" in eine Variable nach IPS. Wird 10 Sekunden keine Taste mehr betätigt wird der Inhalt des Zahlenfeldes gelöscht, muss ja nicht jeder sehen was man eingegeben hat. (Danke Raketenschnecke für die Idee)

    Es gibt nicht viel zu installieren deshalb habe ich auf ein Installerskript verzichtet.

    In beiliegendem Archiv den enthaltenen Ordner "keyboard" nach "/webfront/user/ " kopieren.

    Dieses Skript, oder das aus dem Archiv, in IPS erstellen, 2 STRING-Variablen anlegen, entsprechendes Profil darauf legen und 1x starten. Sollte nachträglich etwas in diesem Skript geändert werden muss es einfach nochmal gestartet werden damit der String in die Variable übertragen wird.

    PHP-Code:
    <?
    // Installationsanleitung des Javascript KeyPads
    // 1. String-Variable erstellen mit Profil ~HTMLBox für Aufnahme der Tastatur ($id_KeyboardHTMLBox)
    // 2. String-Variable erstellen ohne Profil für Aufnahme der Eingabe über die Tastatur ($id_Value)
    // 3. Höhe des iFrames eintragen (anpassen an die Breite in der css-Datei)
    // 4. Breite des iFrames eintragen (anpassen an die Breite in der css-Datei)
    // 5. Ausführen zum befüllen der HTML-Box. Muss auch bei Änderung dieses Skriptes nochmals ausgeführt werden
    // Das Aussehen der Tastatur kann komplett in der /webfront/user/keyboard/css/style geändert werden

    // Anfang Config

    // ID der String-Variable zur Aufnahme der Tastatur (Profil: ~HTML-Box)
    $id_KeyboardHTMLBox  45719;

    // ID der String-Variable die den eingegebenen Passcode bekommt.
    $id_Value     13059;

    // Maße des iFrames wie es in der HTMLBox angezeigt wird.
    $height_iframe       300;
    $width_iframe        180;

    // Ende Config

    // String-Variable mit HTML-Code befüllen
    SetValue($id_KeyboardHTMLBox,'<center><iframe src="user/keyboard/index.html?ipsValue='.$id_Value.'" frameborder=0 height='.$height_iframe.'px width='.$width_iframe.'px></iframe></center>');
    ?>
    Das KeyPad macht nichts anderes als die eingegeben Zahlen nach IPS in eine Variable zu schreiben, für eine Auswerte-Logik muss jeder selbst sorgen.

    Ich nutze es z.B. um meine Türöffner-Elektrik in IPS für Fehlbedienung oder Fremdzugriff zu schützen, man weiß ja nie wer auf das WFE alles zugreift

    Nun viel Spaß damit.
    Miniaturansichten angehängter Grafiken Miniaturansichten angehängter Grafiken Klicken Sie auf die Grafik für eine größere Ansicht 

Name:	Keybaord.png 
Hits:	1235 
Größe:	5.7 KB 
ID:	18397   Klicken Sie auf die Grafik für eine größere Ansicht 

Name:	Beispiel_gesperrt.png 
Hits:	1346 
Größe:	13.0 KB 
ID:	18399   Klicken Sie auf die Grafik für eine größere Ansicht 

Name:	Beispiel_entsperrt.png 
Hits:	1499 
Größe:	16.7 KB 
ID:	18398  
    Angehängte Dateien Angehängte Dateien
    Gruß
    Werner

    Komponenten:: Homematic(CCU) 250DP, EATON-MOELLER, 1-Wire, WMRS200, 15" Touchdisplay
    Software::
    IPS V4.x, iMobile, WebFront, Logitech Media Server 7.8.x, SONOS
    Hardware:: IPS-Server: ESXi 6.x, Windows 10 Ent, 4 Kerne, 8GB RAM

  2. #2
    Registriert seit
    Aug 2005
    Ort
    Fürstenfeldbruck-Aich (Bayern)
    Beiträge
    4,048

    Getestet mit

    • Internet Explorer ab 9
    • Firefox ab 16
    • Chrome ab 21
    • iPhone (Safari) iOS 6
    • iPad (Safari) iOS 5.x
    • iFront (ist aber nicht wirklich komfortabel)
    • Android ab 4.x (Danke Raketenschnecke für´s testen)


    Bei den portabelen Geräten wie Android, iPhone, iPad muss man mit der CSS-Klasse spielen um die entsprechende Größe das KeyPads zu bekommen.
    Geändert von wgreipl (28.09.12 um 20:09 Uhr)
    Gruß
    Werner

    Komponenten:: Homematic(CCU) 250DP, EATON-MOELLER, 1-Wire, WMRS200, 15" Touchdisplay
    Software::
    IPS V4.x, iMobile, WebFront, Logitech Media Server 7.8.x, SONOS
    Hardware:: IPS-Server: ESXi 6.x, Windows 10 Ent, 4 Kerne, 8GB RAM

  3. #3
    Registriert seit
    Aug 2011
    Ort
    Sachsen
    Beiträge
    848

    Große Klasse! Danke!

    Zitat Zitat von wgreipl Beitrag anzeigen
    Wird 10 Sekunden keine Taste mehr betätigt wird der Inhalt des Zahlenfeldes gelöscht
    Bei mir wird offenbar zyklisch nach 10 Sekunden gelöscht, egal wann ich die letzte Taste gedrückt habe. Wenn es dumm läuft, dann wird direkt nach der Eingabe der Zahlen gelöscht. EDIT: Hab das nochmal getestet, es wird eher zufällig gelöscht, ich kann da keine Regel erkennen.

    Schön ist, dass das Skript die Eingabe nach dem Absenden löscht. Das würde mir eigentlich schon fast ausreichen (die 10-Sekunden-Funktion betrifft damit ja nur "vergessene" halbfertige Eingaben).

    Könnte man (= Du ) statt der konkreten Zeichen nur "*" einblenden - wie bei einer Passworteingabe?

    Grüße
    galleto
    Geändert von galleto (03.10.12 um 09:49 Uhr)

  4. #4
    Registriert seit
    Aug 2005
    Ort
    Fürstenfeldbruck-Aich (Bayern)
    Beiträge
    4,048

    Hallo galleto,

    Ist richtig. Die Zeitschleife im JS läuft noch nicht so richtig, war auch mehr ein Copy&Paste aus dem Internet.

    Primär sollte die erst anlaufen wenn

    1. Eine Zahl im Eingabefeld steht
    2. Sollte der Timer wieder von vorne beginnnen wenn man eine neue Zahl eingíbt.

    Bin hier leider nicht der JS-Profi, werde es aber bei Zeiten noch verbessern.

    Wenn Dir das mit dem Löschen nach Absenden ausreicht kannst Du in der /user/keyboard/js/keyboard.js

    den Teil

    PHP-Code:
    setTimeout(function() {
       
    $write.html("");
      }, 
    10000); 
    löschen.

    Steht ganz unten.
    Gruß
    Werner

    Komponenten:: Homematic(CCU) 250DP, EATON-MOELLER, 1-Wire, WMRS200, 15" Touchdisplay
    Software::
    IPS V4.x, iMobile, WebFront, Logitech Media Server 7.8.x, SONOS
    Hardware:: IPS-Server: ESXi 6.x, Windows 10 Ent, 4 Kerne, 8GB RAM

  5. #5
    Registriert seit
    Aug 2011
    Ort
    Sachsen
    Beiträge
    848

    Danke, hat geklappt.

    Wegen der "Sternchen" hab ich mal recherchiert, da ist der Parameter type="password" nötig. Dummerweise scheint der nicht mit <textarea> zu funktionieren. Erste Experimente mit <form> sind leider auch gescheitert.

    Grüße
    galleto

  6. #6
    Registriert seit
    Aug 2005
    Ort
    Fürstenfeldbruck-Aich (Bayern)
    Beiträge
    4,048

    Habe auch gerade die Suchmaschine bemüht und leider auch nichts auf die Schnelle gefunden.

    Einen Tipp habe ich aber für Sicherheitsfanatiker gefunden.....

    Ändere in der CSS-Klasse einmal die Schriftart für das Textfeld auf Webdings.

    Code:
    #write {
    margin: 0 0 5px;
    padding: 5px;
    width: 125px;
    height: 20px;
    font: 1em/1.5 Webdings;
    color: #fff;
    background: #1e3042;
    border: 1px solid #f9f9f9;
    }
    Sehr pragmatische Lösung aber funktioniert . Leider sieht man halt nicht welche Zahl man eingegeben hat.

    Wer es wirklich mit Sternchen haben möchte könnte sich hier einen Font mit Sternchen suchen oder selbst bauen.
    Gruß
    Werner

    Komponenten:: Homematic(CCU) 250DP, EATON-MOELLER, 1-Wire, WMRS200, 15" Touchdisplay
    Software::
    IPS V4.x, iMobile, WebFront, Logitech Media Server 7.8.x, SONOS
    Hardware:: IPS-Server: ESXi 6.x, Windows 10 Ent, 4 Kerne, 8GB RAM

  7. #7
    Registriert seit
    Sep 2008
    Ort
    Hamburg
    Beiträge
    1,038

    Zitat Zitat von wgreipl Beitrag anzeigen
    Ändere in der CSS-Klasse einmal die Schriftart für das Textfeld auf Webdings.
    Für Sicherheitsfanatiker sei dann aber erwähnt, dass dies nur unter Windows funktioniert, außerdem ist bei einem "richtigen" Passwortfeld einiges nicht möglich, was bei normalen Textfeldern (unabhängig vom Font) geht und ein Risiko darstellen kann: Zum Beispiel kann man bei Passwortfeldern kein Rechtsklick->Rückgängig machen und anschließend auch kein Copy (z.B. in ein anderes Textfeld mit lesbarem Font).

    Das muss man natürlich nicht wahnsinnig schlimm finden, wollte es nur erwähnt haben.
    LCN | HM | FS20, HMS und FHT | Arduino | FrtzBx | Ras Pi
    "Technik sollte nicht ins Auge springen, nicht auf einen Wow-Effekt abzielen, sich nicht zu wichtig nehmen. Technik sollte im Verborgenen dienen."

  8. #8
    Registriert seit
    Aug 2011
    Ort
    Sachsen
    Beiträge
    848

    Zitat Zitat von sokkederheld Beitrag anzeigen
    Für Sicherheitsfanatiker ...
    Da ich die Diskussion angestoßen habe: Mir ging es vor allem um eine verdeckte Eingabe, da ich meist gerade dann Einstellungen (z.B. der Alarmanlage) ändere, wenn ich Besuch habe und nicht allein vor dem Webfront stehe. Dafür reicht die Schriftarten-Lösung von wgreipl völlig. Für echte "Sicherheitsfanatiker" natürlich eher nicht.

    Grüße
    galleto

  9. #9
    Registriert seit
    Aug 2005
    Ort
    Fürstenfeldbruck-Aich (Bayern)
    Beiträge
    4,048

    Sokkerheld hat natürlich Recht.

    Da es für meine Bedürfnisse ausreicht kann sich natürlich jeder daran machen das Teil sicherer zu machen.

    Leider fehlen mir die JS-Kenntnisse um mich dem Sicherheitleck anzunehmen
    Gruß
    Werner

    Komponenten:: Homematic(CCU) 250DP, EATON-MOELLER, 1-Wire, WMRS200, 15" Touchdisplay
    Software::
    IPS V4.x, iMobile, WebFront, Logitech Media Server 7.8.x, SONOS
    Hardware:: IPS-Server: ESXi 6.x, Windows 10 Ent, 4 Kerne, 8GB RAM

  10. #10
    Registriert seit
    Jan 2007
    Ort
    Nidda(Hessen)
    Beiträge
    7,326

    Dat heisst, sokke-der-held.
    Gruß Rainer


    Unmögliches wird sofort erledigt, Wunder dauern etwas länger.


Ähnliche Themen

  1. Antworten: 4
    Letzter Beitrag: 10.06.12, 13:43
  2. 19 Tasten HM Fernbedienung als keypad
    Von andyt im Forum HomeMatic
    Antworten: 2
    Letzter Beitrag: 30.01.12, 18:13
  3. Universal Fernbedienung
    Von Dani_CH im Forum Allgemeine Diskussion
    Antworten: 12
    Letzter Beitrag: 11.11.07, 14:42
  4. IPS als Universal Fernbedienung
    Von TK6 im Forum Sonstige Funkkomponenten / Wetterstationen
    Antworten: 8
    Letzter Beitrag: 05.04.06, 09:43
  5. FS20 Universal Empfänger steuert Tasten
    Von armin im Forum Bastel-Ecke
    Antworten: 1
    Letzter Beitrag: 11.01.06, 09:01