- √ - Darstellungsfehler basic.flip

[kamikaze2508]

Hallo zusammen,

ich arbeite jetzt schon eine ganze Weile an meiner Visualisierung und bin inzwischen im Obergeschoss angelangt.
Jetzt habe ich aber ein merkwürdiges Phänomen in den Seiten einzelener Räume dieser Etage. Ich nutze als "Schalter"-Symbol das Widget basic.flip und lasse mir den eingeschalteten Zustand mit dem Widget basic.symbol im Menü anzeigen. Sobald ich mir in der navigation.html in einem Menüeintrag mittels basic.symbol den Schaltzustand des jeweiligen Raumes anzeigen lasse, erhalte ich eine merkwürdige Darstellung des eingeschalteten Widgets basic.flip. Um es verständlicher zu machen, hab' ich mal ein paar Screenshots beigefügt. Im ausgeschalteten Zustand ist alles ok, sobald ich aber ein Widget aktiviere, wird im Hintergrund oder daneben ein Dropdownmenü angezeigt. Ich dachte erst, es ist ein Problem mit dem Seitencache des Browsers und habe diesen entsprechend geleert. Keine Änderung. Auch in alternativen Browsern (getestet mit Firefox, Chrome und Opera), sowie auf verschiedenen Rechnern, erhalte ich die selbe merkwürdige Darstellung. Des weiteren wird das im Menü dazugehörige basic.symbol nur angezeigt, wenn ich auf einen anderen Raum wechsele.

Anbei nochmal zwei Codeschnippsel aus den zwei html-Dateien navigation.html und OG.Schlafzimmer_NuS.html:

OG.Schlafzimmer_NuS.html:

{% extends "rooms.html" %}

{% block content %}
    
    <h1><img class="icon" src='{{ icon0 }}scene_sleeping.svg'/>Schlafzimmer</h1>
    
    <div class="block">
      <div class="set-2-1" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
      
        <div data-role="collapsible" data-collapsed="false">
          <h3>Beleuchtung</h3>
          <td align="middle" width="70%">
            <br>
            Deckenbeleuchtung&nbsp
            {{ basic.flip('OG.Schlafzimmer_NuS.Deckenbeleuchtung', 'OG.Schlafzimmer_NuS.Deckenbeleuchtung', 'Ein', 'Aus') }}
            <br><br>
            Indirekte Beleuchtung&nbsp
            {{ basic.flip('OG.Schlafzimmer_NuS.Ind_Beleuchtung', 'OG.Schlafzimmer_NuS.Ind_Beleuchtung', 'Ein', 'Aus') }}
            <br><br>
            Nebler
            {{ basic.flip('OG.Schlafzimmer_NuS.Steckdose_links', 'OG.Schlafzimmer_NuS.Steckdose_links', 'Ein', 'Aus') }}
          </td>
        </div>
      </div>
    </div>
    
{% endblock %}

navigation.html (Zur Übersichtlichkeit nur die wesentlichen Einträge):

<div data-role="collapsible-set" style="margin-top: -15px;" data-inset="false" data-mini="true" data-theme="c">

...

  <div data-role="collapsible" data-collapsed="false">
    <h3>Wohnung ...</h3>
        <ul data-role="listview" data-dividertheme="c">         
    <li data-icon="false">
...

    <a href="index.php?page=OG.Schlafzimmer_NuS">
        <img class="icon" src="{{ icon0 }}scene_sleeping.svg"/><h3>Schlafzimmer</h3>
         <div class="ui-li-aside">
            {{ basic.symbol('OG.Schlafzimmer_NuS.Deckenbeleuchtung', 'OG.Schlafzimmer_NuS.Deckenbeleuchtung', '', icon1~'light_light_dim_100.png', 1) }}
            {{ basic.symbol('OG.Schlafzimmer_NuS.Ind_Beleuchtung', 'OG.Schlafzimmer_NuS.Ind_Beleuchtung', '', icon1~'light_light_dim_100.png', 1) }}
            {{ basic.symbol('OG.Schlafzimmer_NuS.Steckdose_links', 'OG.Schlafzimmer_NuS.Steckdose_links', '', icon1~'light_light_dim_100.png', 1) }}
          </div>
    </a>
    </li>

...

</ul>    
</div>
</div>

Ich habe die html-Datei eines Erdgeschoss-Raumes als Vorlage verwendet und diese als Kopie gespeichert. Im Erdgeschoss, u.a. in dem kopierten Raum tritt dieses Verhalten nicht auf. Ich habe mir den Quellcode mehrmals rauf und runter angesehen und verglichen und kann keine Unstimmigkeiten feststellen.
Daher wende ich mich an euch. Evtl. könnt ihr mir weiterhelfen. Ich bin mit meinem Latein am Ende...

Danke im Voraus und einen guten Rutsch ins neue Jahr.

kamikaze2508

[Apollo]

Klarer Fall von doppelten IDs.

Mach mal aus den IDs der Navigation:

OG.Schlafzimmer_NuS.Steckdose_links

z. B.:
OG.Schlafzimmer_NuS.Steckdose_links.NAVIGATION

dann müsste es gehn.

Gruss

[kamikaze2508]

Hallo Apollo,

danke, das war's!
Kleiner Fehler, große Wirkung... ;-)

Gruß,
kamikaze2508