Ich verzweifle gerade am pagebutton ... [erledigt]

dt2510 · 01 März 2018, 09:58:23

index.html

<!DOCTYPE html>
  <html>
    <head>

      <title>TabletUI</title>

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

      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
      <meta name="gridster_disable" content="1">
      <meta name="gridster_cols" content="10">
      <meta name="gridster_rows" content="7">   
      <meta name="widget_margin" content="5">
      <meta name="longpoll" content="1">
      <meta name="debug" content="0">
      <meta http-equiv="refresh" content="600; URL=index.html">

    </head>

    <body style="background-image:url(); background-size:cover; background-position:center;">

      <div data-type="weatherbackground" data-device="Wetter" data-get="code"></div>   

      <div class="gridster">
        <ul>

          <li data-row="1" data-col="1" data-sizex="10" data-sizey="1" style="background-color:transparent"><div data-template="templateHeader.inc"></li>
          <li data-row="2" data-col="1" data-sizex= "2" data-sizey="6" style="background-color:transparent">
            <div class="sheet center-align" 
                 style="font-size:300%;background-color:rgba(0,0,0,0.7)">
              <div class="row">
                <div class="cell">
                  <div class="default"
                       data-type="pagebutton" 
                       data-url="#pageStart.html" 
                       data-load="#pageStart" 
                       data-active-pattern="(.*/||.*#pageStart.html)" 
                       data-icon="fa-home">
                  </div> 
                </div>
              </div>
              <div class="row">
                <div class="cell">
                  <div data-type="pagebutton" 
                       data-url="#pageRooms.html" 
                       data-load="#pageRooms" 
                       data-active-pattern="(.*/||.*#pageRooms.html)" 
                       data-icon="fa-home">
                  </div> 
                </div>
              </div>
            </div> 
          </li>
          <li data-row="2" data-col="3" data-sizex= "8" data-sizey="6" style="background-color:transparent">
            <div class="page" id="pageStart"></div>
            <div class="page" id="pageRooms"></div>
          </li>
        </ul>
      </div>

    </body>

  </html>

pageStart.html

Code Auswählen

<html>
  <title></title>
  <head></head>
  <body>
    <div class="page" id="pageStart">
      Startseite
    </div>
  </body>
</html>

Eigentlich sollte pageStart.html beim Start geladen werden (class="default" beim pagebutton) und in der Adresszeile steht auch index.html#pageStart.html
Allerdings wird weder beim Start noch beim Click auf irgendeinen pagebutton etwas auf der page angezeigt ...
Wo liegt mein Fehler

dt2510 · 01 März 2018, 10:29:23

anscheinend muss auch reiner Text in einem DIV Tag stehen (z.B. als data-type="label") ... jetzt funktioniert es

FHEM Forum

Ich verzweifle gerade am pagebutton ... [erledigt]

dt2510

dt2510