Zur besten Antwort gewählt
Mai 11, 2024 - 17:10
Daher, wenn Du so was realisieren willst und einen kurzen und langen Tastendruck unterscheiden willst, geht das nur mit Hilfe eines Webseitenelements im AIO CREATOR NEO und einem zusätzlichen System, das z.B. per PHP den Request auswertet und das in der Lage ist dann das Popup in der NEO Remote zu öffnen.
Da mediola selber so eine Funktion zur Zeit ja nicht zur Verfügung stellt, löse ich das bei mir über ein Element im AIO CREATOR NEO vom Typ Webseite in Kombination mit IP-Symcon, damit kann ich zwischen kurzen und langen Tastendruck aus der NEO Remote unterscheiden und davon abhängig dann eben unterschiedliche Befehle absetzen oder eben unterschiedliche Popups in der NEO Remote öffnen lassen.
Falls Du so was realisieren willst, wäre das Vorgehen als Beispiel wie folgt:
- Webseitenelement in AIO CREATOR NEO anlegen und HTML-Gerüst festlegen klicken
Dort z.B. als Beispiel diesen Code ergänzen, nach Bedarf anpassen
Dokument Beginn:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Button Steuerung</title>
<style>
/* CSS-Styling für den Button */
.button {
width: 100px;
height: 50px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
background-size: contain;
background-repeat: no-repeat;
background-image:
url('data:image/png;base64,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'); /* Base64-codiertes Bild */
-webkit-tap-highlight-color: transparent; /* Verhindert Tap-Highlight */
}
</style>
</head>
<body>
Enthält als anpassbares CSS die angezeigte Grafik als Base64 codiert.Hauptbereich:
<!-- HTML-Struktur für den Button -->
<div id="myButton" height=100 class="button" ontouchstart="startTimer()" ontouchend="endTimer()"></div>
<script>
// JavaScript-Code zur Steuerung des Buttons
var button = document.getElementById("myButton");
var pressTimer;
// Funktion, die bei Beginn eines Drucks aufgerufen wird
function startTimer() {
pressTimer = setTimeout(longPress, 1000); // Zeit für langen Druck: 1 Sekunde
}
// Funktion, die bei Beendigung eines Drucks aufgerufen wird
function endTimer() {
clearTimeout(pressTimer);
}
// Funktion für langen Druck
function longPress() {
// Hier wird der Befehl für einen langen Druck ausgeführt
console.log("Langer Druck erkannt");
sendRequest("lang");
}
// Funktion für kurzen Druck
button. {
// Hier wird der Befehl für einen kurzen Druck ausgeführt
console.log("Kurzer Druck erkannt");
sendRequest("kurz");
};
// Funktion zum Senden des POST-Requests
function sendRequest(type) {
var xhr = new XMLHttpRequest();
var url = "http://192.168.55.132:3777/hook/neo_button"; // Ziel-URL deines PHP-Servers
var params = "type=" + type; // Daten für den POST-Request
xhr.open("POST", url, true);
// Zusätzliche Header für den POST-Request (falls erforderlich)
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// Funktion, die aufgerufen wird, wenn die Antwort vom Server empfangen wird
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText); // Antwort vom Server (falls erforderlich)
}
}
// Senden des POST-Requests mit den Daten
xhr.send(params);
}
</script>
Auswertung nach kurzem und langen Tastendruck bei Button Druck. Es wird in dem Fall ein Request an einen System, bei mir IP-Symcon, geschickt, das dann den Request auswertet und das Popup in NEO auslöst.
Dokument-Ende:
</body></html>
In meinem Fall wird das an einen Webhook in IP-Symcon geschickt.
var url = "http://192.168.55.132:3777/hook/neo_button";
Die IP Adresse ist die Serveradresse des Systems, das den Webhook auswertet.
In IP-Symcon wird dann der Webhook ausgewertet über
<?php
SetValue(58471, json_encode($_POST));
if (isset($_POST["type"])) {
$type = $_POST["type"];
SetValue(39401, $type);
if($type == "kurz")
{
IPS_RunScript(32800);
}
elseif($type == "lang")
{
IPS_RunScript(24372);
}
}
Der Type, der von der NEO Remote beim Tastendruck übermittelt wird, wird ausgewertet und in eine Variable geschieben. In IP-Symcon gibt es für das gewünschte Popup in der NEO Remote eine Instanz von NEO Helper Tools.
Das passende Popup für kurzen oder langen Druck in der NEO Remote wird dann je nach empfangen Event aus der NEO Remote von IP-Symcon geöffnet. Einfacher wäre es mediola würde das von sich aus im AIO CREATOR NEO unterstützen, was aber leider seit Ewigkeiten nicht der Fall ist, daher muss man leider solche Umwege gehen, wenn man so was persönlich benutzen will.
Von
In dem Beispiel oben starte ich je nach Typ des Tastendrucks, (kurz oder lang) eine Skript, dass das Popup öffnet.
Der Inhalt des Skripts ist jeweils nur eine Code Zeile mit dem Funktionsaufruf NEO_Open_Popup, dies öffnet dann jeweils ein passendes Popup in der NEO Remote. Die fünfstellige Objekt ID ist durch die Objekt ID der NEO Popup Instanz zu ersetzen bzw. anzupassen. In der NEO Popup Instanz wird der Name der NEO Remote eingetragen und der Name des Popups, das geöffnet werden soll. Hier ist auf die korrekte Schreibweise der NEO Remote und es Popups zu achten.
Das ist der Inhalt des Skripts, das dann ein Popup in der NEO Remote öffnet:
<?php
NEO_Open_Popup(12345);
Neuen Kommentar hinzufügen