Listen Selection - Website X5 Hilfe - Die Helpsite

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

Listen Selection

Scripte > Listen Navigation
Seitennavigation mit Auswahlliste
Eine Auswahlliste die verschiedene Anweisungen ausführt. Hier wird zwischen den Parametern *intern und *extern unterschieden.
*intern öffnet die Seite, das Bild oder den Text im Frame-Fenster selbst
*extern öffnet die Seite, das Bild oder den Text in einem neuen Browserfenster
Die Link-Liste ist beliebig erweiterbar, wo wir einige Beispiele angeführt haben.
Die Anpassungen der Verlinkungen erfolgen im HTML-Objekt, der Style in der zugehörigen CSS-Anweisung im Head-Bereich.
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">
.Obj70_1 { background-color:#B4DA9F; border:1px solid #7C6031; width:400px; }
.Obj70_2 { background-color:#EEF6E9; width:380px; height:300px; border:1px solid #7C6031; scrolling:auto; }
</style>
Code für den <BODY> Bereich
<script type="text/javascript">
   function go() {
       var Satz = document.Obj70.auswahl.options[document.Obj70.auswahl.selectedIndex].value;
       var Wort = Satz.split("*");
       if (Wort[1] == "extern") {
           window.open(Wort[0], "fensterln");
           }
       else if (Wort[1] == "intern") {
           parent.fenster.location.href=Wort[0];
           }
       }
</script>

<div align="center">
   <form name="Obj70" class="Obj70_1">
       <select name="auswahl" size="1" onChange="go();">
           <option checked="checked">Webseiten-Auswahl:</option>
           <option value="files/demo1.html*extern"> Seite im neuen Fenster </option>
           <option value="files/demo2.html*intern"> Seite im Frame-Fenster </option>
           <option value="images/bild.jpg*intern"> Bild im Frame-Fenster </option>
           <option value="http://www.css4you.de*extern"> CSS4You Cascading Stylesheets </option>
           <option value="https://www.websitex5.com/de*extern"> Incomedia Website X5 </option>
           <option value="https://helpcenter.websitex5.com/de*extern"> Website X5 Helpcenter </option>
           <option value="https://unofficialwsx5.de*extern"> Unofficial WSX5 Forum </option>
           <option value="index.php*extern"> Unsere Startseite </option>
           <option value="files/download.zip*intern"> Download Script </option>
       </select>
   </form>
   <iframe name="fenster" class="Obj70_2"></iframe>
</div>
Feedbacks zu ""

Kein Kommentar
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2019





Besucher Statistik
» 2 Online
» 60 Heute
» 654 Gestern
» 714 Woche
» 23831 Monat
» 99322 Jahr
» 427078 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Zurück zum Seiteninhalt