[gelöst] Widget HTML Navigation als ZURÜCK Button

[TOBO]

Hallo,

ich benutze zur Navigation in den Views das Basic Widget HTML Navigation.

Da muss man ein festes Ziel auswählen, aber ich bräuchte jetzt eigentlich auch

einen Zürück Button. So wie der Zurück Button im Browser.

Gruss.

ToBo

[PapaChriLo]

Wenn's erlaubt ist hänge ich mich da mal drann, denn das würde mich auch interessieren.

Zwar nicht als Back-Button, ich bräuchte einen zum neu laden des Browsers.

LG

Christian

[htrecksler]

[{"tpl":"tplBasicState","data":{"oid":"vis.0.control.command","visibility-cond":"==","visibility-val":1,"value":"{\"instance\": \"FFFFFFFF\", \"command\": \"refresh\"}","html":"Refresh","name":"R0_Refresh_Z10","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"visibility-groups-action":"hide","filterkey":"Allg"},"style":{"left":"10px","top":"650px","width":"75px","height":"75px","color":"\t#999999","text-align":"center","line-height":"20px","font-family":"RobotoCondensed-Light","font-size":"16px","z-index":"10","border-width":"0.1px","border-style":"solid","border-color":"#999999"},"widgetSet":"basic"}]

Damit mache ich das neu Laden…

[htrecksler]

… und dieses Widget quasi als "Lebenszeichen"

[{"tpl":"tplValueTimestamp","data":{"oid":"system.adapter.hm-rpc.0.alive","visibility-cond":"==","visibility-val":1,"is_milliseconds":false,"format_date":"hh:mm:ss","name":"R0_Lebenszeichen_Z5","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"visibility-groups-action":"hide"},"style":{"left":"10px","top":"680px","width":"80px","height":"25px","font-family":"Arimo-Regular","font-style":"normal","font-variant":"normal","font-weight":"normal","font-size":"16px","z-index":"5","text-align":"center","color":"#cccccc"},"widgetSet":"basic"}]

[TOBO]

Leider hilft mir das gar nicht. Ich habe views für einzelne Räume, die ich aus anderen views aufrufe. Also nicht immer von dem gleichen. Nun hätte ich gern einen Back/Return Button, der mich genau da wieder hinführt von wo ich gekommen bin.

[PapaChriLo]

Hallo htrecksler!

Könntest du das für nicht Profis bitte erklären.

Danke

[Uhula]

@TOBO:

So wie der Zurück Button im Browser. `
Das kannst du erreichen, in dem das Widget "jgui - Button Link" verwendest und in der Eigenschaft "Link", wo man sonst eine Ziel-URL angibt, einfach den ausführenden Javascript-Code eingibst. Dieser wird beim Tap/Click dann ausgeführt.

Zurück-Button simulieren: javascript:history.back(1);

Reload-Button simulieren: javascript:window.location.reload(true);

[htrecksler]

Mit den Profis komme ich dann leider noch nicht mit.

So wie es Uhula beschrieben hat ist es natürlich wesentlich einfacher.

Und wieder was gelernt.

Danke Uhula

[PapaChriLo]

Danke Uhula!

So einfach kann es gehen. Wenn man weis wie.

Nach dieser Lösung hab ich jetzt über eine Woche gesucht und bis dato nichts gefunden.

Auf die Idee das man in das LINK: Feld Javascript Befehle einfügen kann wäre ich im Leben nicht gekommen.

[htrecksler]

@PapaChriLo:

Danke Uhula!

So einfach kann es gehen. Wenn man weis wie.

Nach dieser Lösung hab ich jetzt über eine Woche gesucht und bis dato nichts gefunden.

Auf die Idee das man in das LINK: Feld Javascript Befehle einfügen kann wäre ich im Leben nicht gekommen. `

tröste dich…ich auch nicht

[Uhula]

@htrecksler:

Danke Uhula `
Gerne. Bin aber noch lange kein ioBroker Profi, kenne mich, beruflich bedingt, eben nur ein wenig in HTML/CSS/Javascript aus, der Rest wird ergooglet.

Eines der Riesenvorteile von ioBroker gegenüber anderen Lösungen ist eben dessen Offenheit in der Visualisierung; somit kann ein BACK Button mal schnell simuliert werden. Diese Offenheit macht es aber auch komplex, da man dazu eigentlich HTML/CSS/Javascript Wissen benötigt, sich dieses anlesen möchte (kann dauern …) oder es fertige Widgets gibt (deren Anzahl aber dann auch irgendwann erschlägt). Der Weg, hier im Forum unser Wissen zu teilen, ist am besten

[TOBO]

Leider muss ich Euch noch mal belästigen.

Ich habe nun den Button in das View getan und es Funktioniert auch. Wie man sehen kann, habe ich als Hintergrund einen Grundriss. Das Bild eine Basic Image Widget und auf inaktiv / locked gesetzt. Gleichzeitig habe ich es über das Rechte Maustasten Menü in den Hintergrund gestellt. Wenn ich nun den Link Button (Test) auf das Bild lege, geht nix. Lege ich ihn neben das Bild ist alles OK.

[htrecksler]

Du musst den Z-Index für den Button anpassen. Der muss größer sein als das Bild.

Also, dem Bild gibst du z.B. den z-Index 5 und dem Button den Z-Index 10.