Zweiter Floorplan, bei (jedem) Klick immer dieselbe Aktion ausführen

Begonnen von Zorin, 12 April 2013, 21:32:13

Vorheriges Thema - Nächstes Thema

Zorin

Hallo,

ich habe einen Floorplan (A) sehr erfolgreich auf einem Tablet am laufen.
Ich möchte nun auf dem Tablet immer dann, wenn es nicht benutzt wird (also z.B. nach 5 Minuten) einen "zweiten" Floorplan (B) anzeigen.
Dieser enthält eine Diashow. Bei einem Klick auf diesen zweiten Floorplan (also B) soll immer der erste Floorplan (also A) geöffnet werden.

Aktuell habe ich eine Web-Diashow per iframe eingebunden, welche natürlich gewisse Aktionen (d.h. Links) bei Klicks auslöst. Das will ich verhindern.

Fragen:
1. Wie kann ich das per HTML oder CSS unterbinden, so dass, egal wo geklickt wird, immer der Floorplan (A) geöffnet wird ?
2. Wie kann ich auf dem Floorplan A erreichen, dass nach einer bestimmten Zeit (der Inaktivität) ein anderer Floorplan geöffnet wird ?

Ich hoffe, es ist verständlich, was gemeint ist.

Danke,
Zorin

Markus

probiere mal einen Link über ein notify zu starten
link hab ich in etwar so gemacht aber ob un wie es mit notify klappt weiß ich auch nicht :-(

define floorplanDiagram weblink htmlCode { '<a href="http://www.fritz.box:8085/fhem/floorplan/Grundriss"><img src="/fhem/icons/icoWelt.png"></a>' }
attr floorplanDiagram fp_Diagramme 531,727,0,

Gruß Markus
Raspberry Pi2 als FHEM-Plattform
HM, FS20, 1-Wire, PanStamp,LW12,Intertechno,ESPEasy,Alexa

fiedel

Hi Zorin,

zu 1.: Du nimmst ein kleines rechteckiges, völlig transparentes Icon (ich versuche das mal anzuhängen) und skalierst das im folgenden Befehl auf die Größe, die du brauchst. Z.B. width="1024" height="768". Dann kannst du es falls nötig im FP noch an die richtige Stelle definieren. Das transparente "Icon" liegt dann unsichtbar über dem ganzen FP und kann überall angeklickt werden:

# Beispiel unsichtbarer Link um durch klick auf Grundriss den Untergeschoss- FP zu öffnen:
define Lower_Floor weblink htmlCode <a onClick="window.open "href="/fhem/floorplan/1_Untergeschoss"><img src="/fhem/icons/Transparent" width="100" height="80" border="0" alt="Home"></a>
attr Lower_Floor fp_0_Hauptbildschirm 397,370,0,
attr Lower_Floor room 5_System

Im Gegenzug wäre ich sehr an einer fertigen Lösung für dein Problem "2." interessiert. ;o)

Viele Grüße

Frank
FeatureLevel: 6.1 auf Wyse N03D ; Deb. 11 ; Perl: v5.14.2 ; IO: HM-MOD-RPI-PCB + VCCU|CUL 868 V 1.66|LinkUSBi |TEK603
HM: SEC-SCO|SCI-3-FM|LC-SW4-PCB|ES-PMSW1-PL|RC-4-2|SEN-MDIR-O|SEC-WDS-2
CUL: HMS100TF|FS20 S4A-2 ; OWDevice: DS18S20|DS2401|DS2406|DS2423

Zorin

Hallo Markus, Frank,
leider scheint beides nicht wirklich zu funktionieren.

@Frank: Das mit dem Icon klappt, aber leider nicht als "Überlagerung" zu einem iFrame. Ich probiere aber mal noch weiter.
Bzgl. der "Inaktivität" habe ich irgendwo in den untiefen des Forums (oder waren es noch die Google Groups) etwas mit "refresh" auf der eigentlichen HTML-Seite gelesen. Vielleicht kann das was für Dich sein. Ich löse erstmal Problem 1, dann geht es zu Problem 2...

Grüße,
Zorin


fiedel

Hi Zorin,

poste doch mal, was du da iframe- mäßig konfiguriert hast. Vielleich fällt mir dann noch was dazu ein. Eine Idee hätte ich jetzt schon. Ist zwar nicht ganz so wie das was du wolltest, aber auch ganz lustig: Du machst das angezeigte Bild des iframes quasi zum Button auf den man klicken kann und dann zum anderen FP kommt. Bei mir geht das so (Beispiel ist von einer IP-Webcam):

# Letzter Snapshot der Kamera auf Surv.- FP mit Link zurück zu Hauptfloorplan
define Cam_01_Snap_FP weblink htmlCode <a onClick="window.open "href="/fhem/floorplan"><img src="/fhem/icons/snapshots/Cam_snapshot.jpg"></a>
attr Cam_01_Snap_FP fp_8_Surveillance 31,615,0,
attr Cam_01_Snap_FP room 5_System

Zum Skalieren des Bildes muss dann noch in die z.B. darktouchpadfloorplanstyle.css:

#Cam_01_Snap_FP img { width:430px; height:230px; -moz-border-radius:8px; border-radius:8px;}

Das mit Problem 2 war mehr spaßig gemeint. Ich hab zwar sowas in der Art auch vor, aber das sollte nicht ganz so einfach werden, da ja ein Seitenwechsel immer vom Frontend und nicht vom Server ausgeht. Ich hab zwar noch nicht damit experimentiert, aber eine schnelle Lösung erwarte ich ehrlich gesagt nicht.

Viel Spaß!

Frank
FeatureLevel: 6.1 auf Wyse N03D ; Deb. 11 ; Perl: v5.14.2 ; IO: HM-MOD-RPI-PCB + VCCU|CUL 868 V 1.66|LinkUSBi |TEK603
HM: SEC-SCO|SCI-3-FM|LC-SW4-PCB|ES-PMSW1-PL|RC-4-2|SEN-MDIR-O|SEC-WDS-2
CUL: HMS100TF|FS20 S4A-2 ; OWDevice: DS18S20|DS2401|DS2406|DS2423

Zorin

Hallo Frank,

nach viel rumprobieren habe ich des Rätsels Lösung gefunden:
Es klappt mit dem "großen, leeren Icon", aber nur, wenn das neu erstellte Link-Element zweierlei Eigenschaften aufweist:
a) Es muß neuer (also die ID größer sein) als das Iframe.
b) Es muß "vom Namen her größer sein", d.h. in der Liste der Elemente beim Floorplan "hinter" dem iFrame kommen.

Wenn das beides der Fall ist, wird das Icon bzw. der Link "über" das Iframe gelegt und funktioniert auch tadellos..

So, jetzt wird es trotzdem Zeit, Problem #2 anzugehen.
Hattest Du mal reingeschaut, wir wirklich die Seite nicht neu geladen, wenn man z.B. eine Lampe umschaltet ?
 
Ich spiele mal ein bisschen rum und melde mich, wenn ich etwas rausfinde...

Grüße,
Zorin

Breaker

Hallo,

so etwas ähniches habe ich auch vor. Allerdings mit einer lokalen Html-Datei als Slideshow (vom NAS).
Diese slide.html liegt unter fhem/www/ und funktioniert ohne fhem im Browser super.

Nur der iframe unter fhem zeigt nicht die slideshow. Habe schon ein paar Varianten durch mal zeigt er fhem-Startseite im IFRAME mal die FRITZ!BOX-Anmeldung.

Wie hast du das gemacht? Ist das weblink iframe nicht für lokale links zu gebrauchen?

Ich bin für jede Hilfe dankbar!

Gruß