Pagebutton - Was mache ich falsch?

SnakeZZ · 07 Juli 2019, 10:33:43

Hallo Zusammen,

ich hatte lange Zeit ein funktionierendes Pagebutton Setup. Ganz Simpel: 2 Buttons, die auf eine Haupt- sowie eine Nebenseite verweisen.
Irgendwann nach einem der letzten Updates funktionierte die Navigation zurück auf die Hauptseite nicht mehr.
Da ich da leider wenig Zeit hatte das zu debuggen, kann ich nun nicht mehr sagen, wann das war und was da passiert sein könnte.

Ich habe mal versucht eine minimale Konfig zu erstellen, die das Problem zeigt:

index1.html (index.html ist bereits anderweitig belegt):

Code Auswählen


<!DOCTYPE html>
<html>
<head>
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <meta name="web_device" content="WEBadm">

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->

    <script src="js/fhem-tablet-ui.js" defer></script>

    <title>FHEM-Tablet-UI</title>
</head>
<body>
        <div class="gridster">
        <ul>
                <li data-row="1" data-col="1" data-sizex="1" data-sizey="4">
                    <div data-type="pagebutton"
                         data-url="#page3.html"
                         data-load="#page3"
                         data-active-pattern="(.*||.*#page3.html)"
                         data-icon="fa-home"
                         class="default"></div>
                    <div data-type="pagebutton"
                         data-url="#page4.html"
                         data-load="#page4"
                         data-active-pattern=".*#page4.html"
                         data-icon="fa-lightbulb-o"
                         class="prefetch"></div>
                </li>
                <li data-row="1" data-col="2" data-sizex="7" data-sizey="4">
                        <div class="page" id="page3"></div>
                        <div class="page" id="page4"></div>
                </li>
        </ul>
        </div>
</body>
</html>

page3.html:

Code Auswählen

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="page" id="page3">
                        <h1>Test 3</h1>
</div>
</body>
</html>

page4.html:

Code Auswählen

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="page" id="page4">
                        <h1>Test 4</h1>
</div>
</body>
</html>

Wenn ich nun mit dem 2. Knopf auf die 2. Seite wechsle, wird zwar rechts der Inhalt ausgetauscht,
aber der Weg zurück auf die 1. Seite funktioniert nicht mehr.

Was mache ich falsch?

Beste Grüsse,

SnakeZZ

SnakeZZ · 08 Juli 2019, 09:58:45

Anyone? Mich frustriert das echt ungemein, dass ich das nicht zum laufen kriege.

Danke und Gruss, SnakeZZ

FHEM Forum

Pagebutton - Was mache ich falsch?

SnakeZZ

SnakeZZ