Listen Selection - Website X5 Helpsite

Logo Schriftzug
Logo WSX5
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 "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" href="wsX5Obj/Obj70_0/style.css" />
Code für den <BODY> Bereich
<script>
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_nav">
<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="http://www.x5forum.home-wiekau.de*extern"> Unsere Startseite </option>
<option value="http://dl.home-wiekau.de/click.php?id=wsX5Obj70_0*extern"> Download Script </option>
</select>
</form>
<iframe name="fenster" class="Obj70_frm"></iframe>
</div>
Code Datei "style.css"
.Obj70_nav { width: 400px; background-color: #B4DA9F; border: 1px solid #7C6031; }
.Obj70_frm { width: 380px; height: 300px; background-color: #EEF6E9; border: 1px solid #7C6031; scrolling: auto; }

» nach oben «
Logo Host Europe
Button Spenden
🏠 © 2009 - 2024
Hosting by
Zurück zum Seiteninhalt