Bilder Selection - Website X5 Hilfe - Die Helpsite

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

Bilder Selection

Scripte > Bildergalerien
Bildernavigation mit Auswahlliste
Eine Auswahlliste die eine Bildanzeige mit verschiedene Anweisungen ausführt. Hier wird zwischen den Parametern *intern und *extern unterschieden.
*intern öffnet das Bild im Frame-Fenster selbst
*extern öffnet das Bild 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 dazugehörigen CSS-Datei.
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren. HEAD-Code in den HEAD-Bereich <head>...</head> und HTML-Code in den BODY-Bereich <body>...</body> der aufrufende 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" href="wsX5Obj/Obj172_0/menu_style.css" />
Code für den <BODY> Bereich
<script type="text/javascript">
function go() {
var Satz = document.Obj172.auswahl.options[document.Obj172.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="Obj172" class="Obj172_1">
<select name="auswahl" size="1" onChange="go();">
<option checked="checked">Bilder-Auswahl (intern/extern):</option>
<option value="wsX5Obj/Obj172_0/img/bruecken_01.jpg*extern"> Brücke im neuen Fenster </option>
<option value="wsX5Obj/Obj172_0/img/bruecken_01.jpg*intern"> Brücke im Frame-Fenster </option>
<option value="wsX5Obj/Obj172_0/img/natur_01.jpg*extern"> Natur im im neuen Fenster </option>
<option value="wsX5Obj/Obj172_0/img/natur_01.jpg*intern"> Natur im Frame-Fenster </option>
<option value="wsX5Obj/Obj172_0/img/personen_01.jpg*extern"> Person im neuen Fenster </option>
<option value="wsX5Obj/Obj172_0/img/personen_01.jpg*intern"> Person im Frame-Fenster </option>
<option value="wsX5Obj/Obj172_0/img/tiere_01.jpg*extern"> Tiere im neuen Fenster </option>
<option value="wsX5Obj/Obj172_0/img/tiere_01.jpg*intern"> Tiere im Frame-Fenster </option>
</select>
</form>
<iframe name="fenster" class="Obj172_2"></iframe>
</div>
Feedbacks zu ""


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

© 2009 - 2019





Besucher Statistik
» 3 Online
» 196 Heute
» 828 Gestern
» 3113 Woche
» 10563 Monat
» 50239 Jahr
» 377995 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Zurück zum Seiteninhalt