FTUI 2.2 mit Slideout-Widget in deiner Single-Page

[oeiber]

Hallo Zusammen,

ich habe versucht, FTUI mit dem Slideout-Widget in einer Single-Page zu integrieren.
Ich wollte somit das Ladeverhalten verbessern (ähnlich prefetch).

Allerdings wird mir leider kein Content in den Sub-Pages angezeigt.

Hat jemand eine Idee, wie man das lösen könnte?


Hier ein Auszug der HTML:

Code Auswählen Erweitern


<main id="panel" class="">
        <div class="page" id="wohnzimmer">
        <section>
            <div class="medium col-1-3 left-align middle">Fernseher und Soundbar</div>
            <div class="col-1-3"></div>
            <div data-type="switch" data-device="STD01"
                 class="small thin col-1-3 center-align middle"></div>
        </section>
        <section>
            <div class="medium col-1-3 left-align middle">Apple TV und Blu-Ray</div>
            <div class="col-1-3"></div>
            <div data-type="switch" data-device="STD02"
                 class="small thin col-1-3 center-align middle"></div>
        </section>
...
</div>
</div>
</main>
...
<nav id="menu">
        <div data-type="link" class="default medium top-space-2x left-space-2x"
            data-width="140"
            data-icon-left="fa-television"
            data-color="white"
            data-text-align="left"
            data-load="#wohnzimmer"
            data-url="#wohnzimmer"
            data-active-color="#0088cc"
            data-active-pattern="(.*/|.*#wohnzimmer)">Wohnzimmer</div>
...
</nav>


Wenn ich bei "data-url" anstatt "#wohnzimmer" "##wohnzimmer" eintrage, funktioniert es tadellos.

Ich bin mir aber nicht sicher, ob das im Sinne aller Browser und der HTML-Spezifikation ist 


Herzlichen Dank für Eure Unterstützung!

[setstate]

In der Hauptseite und in der Seite, die Nachgeladen wird, muss ein

Code Auswählen Erweitern

<div class="page" id="wohnzimmer">

zu finden sein, damit sich beide Teile finden.

[oeiber]

ich glaube wir reden aneinander vorbei: ich versuche jeglichen content in der index.html unterzubringen.

[setstate]

okay , verstanden ...
Anbei eine Demo-Seite.

Ein kleines Problem gab es aber noch, dass das Link-Widget die Default Page immer von Extern laden  will. Das habe ich jetzt noch verbessert.

[oeiber]

super, danke!

werd ich heute abend mal testen.

[oeiber]

Funktioniert prima!
Danke dafür!

Mir ist nur noch eine Kleinigkeit aufgefallen: Wenn mann die Seite mit Hashtag aufruft (z.B. http://fhemserver/index.html#wohnzimmer), dann wird die erste Zeile (section) nicht angezeigt. Man muss nach oben scrollen um sie zu sehen.

[oeiber]

Wenn ich in der Navifation auf "Content 3" klicke und dann im Browser einen Reload mache, werden "Content 1" und "Content 2" auf der Seite angezeigt.

Mache ich etwas falsch?