Dynamic Popup - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

Dynamic Popup

Scripte > Listen Navigation
Eine Vielzal von dynamischen Popup-Möglichkeiten

Die einfachste Version einer Info-Box mit großer Gestaltungsfreiheit. Ob Textpassagen, Einblendungen oder Link-Informationen - alles ist möglich und sehr einfach auszuführen.
Der Inhalt der Seite wird in ganz normalem HTML geschrieben und bedarf wenig HTML-Kenntnisse. Beachtet werden muss jedoch, dass Anführungsstriche gegebenenfalls mit einem Backslash maskiert werden müssen
(\" und \' statt " und ').
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken. HEAD-Code in den HEAD-Bereich <head>...</head> und HTML-Code in den BODY-Bereich <body>...</body> der ausführenden Datei einfügen.
Eine demo.html ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.
Aufruf: "http://www.domain.tld/demo.html". Diese kann aber auch durch einen Doppelklick ausgeführt werden.

Download Button
x runter geladen!
Code für den <HEAD> Bereich
<style type="text/css">
.Obj10a { background-color: #EEF6E8; border: 2px solid #7C6031; padding: 7px; border-radius: 5px;
margin-right: 20px; }
.Obj10a:hover { background-color: #B4DA9F; border: 2px solid #7C6031; padding-left: 10px; }
.Obj10b { color: #7C6031; font-size: 12px; font-weight: bold; font-family: tahoma; text-decoration: none; }
</style>
Code für den <BODY> Bereich
<script language="JavaScript">
   function popup(w,h,site) {
       x = screen.availWidth/2-w/2;
       y = screen.availHeight/2-h/2;
       var popupWindow = window.open(
           '','','width='+w+',height='+h+',left='+x+',top='+y+',screenX='+x+',screenY='+y);
       popupWindow.document.write(site);
    }
   </script>

<div align="center">
   <button class="Obj10a">
<a class="Obj10b" href="javascript:popup(300,250,'<b>Popup-Alarm !</b><br>Ein gewöhnliches Fenste
als Popup, welches dynamisch erzeugt und mit Inhalt gefüllt wird. Dynamisch heißt hier, diese Seite wird erst
beim Aufruf erstellt.')">
Dynamic Hinweisbox
</a>
   </button>
   
   <button class="Obj10a">
<a class="Obj10b" href="javascript:popup(450,400,'<b>INFO !</b><br>Die einfachste Version einer Info-Box mit großer Gestaltungsfreiheit. Ob Textpassagen, Einblendungen oder Link-Informationen - alles ist möglich
und sehr einfach auszuführen. Der Inhalt der Seite wird in ganz normalem HTML geschrieben und bedarf wenig
HTML-Kenntnisse. Beachtet werden muss jedoch, dass Anführungsstriche gegebenenfalls mit einem Backslash
maskiert werden müssen.
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken. HEAD-Code in den HEAD-Bereich
und HTML-Code in den BODY-Bereich der ausführenden Datei einfügen.
Eine demo.html ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.')">
Dynamic Infobox
</a>
   </button>
</div>
Feedbacks zu ""
Kein Kommentar
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2019





Besucher Statistik
» 2 Online
» 43 Heute
» 158 Gestern
» 201 Woche
» 3810 Monat
» 127180 Jahr
» 454936 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Zurück zum Seiteninhalt