[v1.1][Guide]Dialogbox/Popup erstellen. - Druckversion +- zEvolutions (https://ze-chat.de) +-- Forum: Zephyr (https://ze-chat.de/forumdisplay.php?fid=26) +--- Forum: Knowledgebase (https://ze-chat.de/forumdisplay.php?fid=32) +--- Thema: [v1.1][Guide]Dialogbox/Popup erstellen. (/showthread.php?tid=510) |
[v1.1][Guide]Dialogbox/Popup erstellen. - Zion - 31.08.2017 Dialogboxen sind die Seiten, die Inhalt in einem Simuliertem Popup anzeigen. In der index.php suche PHP-Code: switch(ZE_INC){ füge darunter ein PHP-Code: case 'mynewdialog': Speichern. Anschliessend erstellen wir im Ordner /inc/ eine neue Datei namens mynewdialog.inc.php mit folgendem Grundgerüstinhalt: PHP-Code: <?php Speichern. Nun gehen wir in euren Style-Ordner über und erstellen unter /styles/{STYLENAME}/tpl/ die Datei mynewdialog.zyr und füllen auch diese mit der Grundstruktur: PHP-Code: <div id="mynewdialog" class="trimwidth"><!--ID muss dem Dateinamen entsprechen! --> Speichern. Nun müssen wir nur noch festlegen, wo und wie dieser Dialog zu öffnen/laden sein soll. Öffne - immernoch im TPL ordner - die navigation.zyr und suche ein kleines Plätzchen für PHP-Code: <li id="nav_mynewdialog" onclick="loadDialog('mynewdialog', 'Mein Neuer Dialogtitel', 'BEACHTE1', '');"><div><i class="ui-icon fa fa-user fa-fw"></i>Mein neuer Dialog</div></li> Speichern. Nach dem Reload ist der Dialog nun aufrufbar. Beachte: "fa-user" Kann jedes Icon sein, das du auf fontawesome.io findest. Beachte1: Soll beim schliessen eine Javascript-Funktion ausgeführt werden, benenne sie hier. Wenn nicht, leer lassen Beachte2: Dieser onclick kann auch in einen Button gesetzt werden, zB im Chatraum. Beachte3: Dialoge beim Login/Aufruf der Seite sind offiziell nicht so gedacht und könnten Probleme verursachen, weshalb ich darauf nicht weiter eingehe. Findige Nutzer können sich aber aus anderen Guides sicher was zusammenreimen. |