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-Datei "menu-style.css" im Verzeichnis auf dem Webspace, worin auch die interne und externe Demo-Datei sowie das Bild hinterlegt sind.
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
<link rel="stylesheet" type="text/css" media="screen,projection" href="wsX5Obj/Obj70_0/menu_style.css" />
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="Obj70a">
<select name="auswahl" size="1" onChange="go();"
<option checked="checked">Webseiten-Auswahl:</option>
<option value="wsX5Obj/Obj70_0/demo-extern.html*extern"> Seite im neuen Fenster </option>
<option value="wsX5Obj/Obj70_0/demo-intern.html*intern"> Seite im Frame-Fenster </option>
<option value="wsX5Obj/Obj70_0/papagei.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/zip/wsX5Obj70_0.zip"> Download Script </option>
</select>
</form>
<iframe name="fenster" class="Obj70b"></iframe>
</div>
Code Datei "menu_style.css"
.Obj70a { background-color:#B4DA9F; border:1px solid #7C6031; width:400px; }
.Obj70b { background-color:#EEF6E9; width:380px; height:300px; border:1px solid #7C6031; scrolling:auto; }
Feedbacks zu ""
Kein Kommentar
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2019





Besucher Statistik
» 1 Online
» 139 Heute
» 182 Gestern
» 834 Woche
» 3154 Monat
» 126524 Jahr
» 454280 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Zurück zum Seiteninhalt