Listen Selection - Website X5 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 "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
Downloads:
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="wsX5Obj/Obj70_0/wsX5Obj70_0.zip*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; }
Feedbacks zu ""

Keine Kommentare gefunden.

Bitte Dein Feedback

Du wirst als User bei Deinem ersten Kommentar automatisch registriert und musst dies noch bestätigen.
Erstellen Dir ein Konto, damit Deine Kommentare dann ohne Bestätigung veröffentlicht werden.

Login | Registrierung


            CAPTCHA
            Vielen Dank für Dein Feedback.
            Logo Host Europe
            Button Spenden

            © 2009 - 2020




            
            Besucher Statistik
            » 2 Online
            » 19 Heute
            » 165 Gestern
            » 507 Woche
            » 2715 Monat
            » 49676 Jahr
            » 273882 Gesamt
            Record: 1144 (01.02.2020)
            Gesamt Downloads:
            Hosting by
            Zurück zum Seiteninhalt