Mal ein kleines Tutorial wie man eine Alert Box erstellt und auch auf der Seite benutzt.
Als erstes erstellen wir uns eine Funktion die dann in den Head (1) unserer Seite kommt wo die Alert Box erscheinen soll. Im unten stehenden Code sind zwei Funktionen eingebunden.
Einmal seitenaufruf und einmal seiteverlassen. Ohne einen Aufruf der Funktion passiert garnichts. Wie man die Funktion aufruft wird im Laufe dieses Tutorials beschrieben.
[hs width=100 height=100]http://x5help.home-wiekau.de/v9screens/img/image_1b.jpg
[/hs]
- <script type="text/javascript">
- function seitenaufruf(){
- alert("\n Danke das du meine Seiten besuchst. " +
- "\n Ich hoffe dir gefallen meine Tips und Tricks hier. " +
- "\n\n\ Wir haben immer wieder neue Tips parat." +
- "\n Solltest du etwas nicht finden dann frag einfach.");
- }
- function seiteverlassen(){
- alert("\n Ich hoffe du kommst bald wieder mal vorbei.");
- }
- </script>
Nun zur Erklärung der Zeichen die verwendet werden können:
\n - ist ein Zeilenumbruch
\\ - ist ein Backslash
\r - ist ein Wagenrücklauf wie früher bei der Schreibmaschine
\t - ist ein Tabulator
\' - ist ein Apostroph
\" - ist ein Anführungszeichen
Wenn man eine breitere Box haben möchte muss man einfach mehr Leerzeichen einfügen.
Damit man nicht den kompletten Text in eine fortlaufende Zeile tippen muss, kann man die Strings mit dem + Zeichen verknüpfen. Dies verschafft einen besseren Überlick über den Inhalt und der Sonderzeichen.
[hr][/hr]
Nun zum Funktionsaufruf. Es gibt verschiedene Wege eine Alertbox einzublenden. Die am weit verbreitet ist sicher die Anzeige beim Seitenaufruf bzw. Seite verlassen.
Dazu gibt man einen EventHandler in den body ein.
Dies kann man in Version 9 unter Eigenschaften der Seite (8) - Erweitert einstellen.
Innerhalb des <BODY> Tag heißt diese Funktion in der Auswahlliste
[hs width=100 height=100]http://x5help.home-wiekau.de/v9screens/img/image_2.jpg
[/hs]
Da der body Tag von X5 selbst erstellt wird müssen wir hier nur
einfügen.
So das war es auch schon zum Thema Seitenaufruf und Seite verlassen.
[hr][/hr]
Nun kann man aber auch einen Button in die Seite integrieren und die Funktion aufrufen.
Da so ein einfacher Button nicht immer schön aussieht können wir das auch ein wenig mit Bild machen...
[hr][/hr]
Ich hoffe das war verständlich.
[hr][/hr]
Zum Abschluss noch ein kleines Gimmick
Für den Head:
für ein HTML Objekt:
Viel Spaß beim nachbauen.
Im Anhang das Beispielprojekt zum testen wer es nicht selbst hinbekommt.