DropDown Liste
Scripte > Listen Navigation
Einfache Drop-Down Auswahlliste
Eine Drop-Down Liste die verschiedene Anweisungen ausführt, interne Text- und Seitenlinks aufruft oder externe Webseiten öffnet. Gestaltung und Style zur Anpassung an die Homepage über den CSS-Code im HEAD-Bereich. Die Navigations-Link-Liste ist beliebig erweiterbar, wo wir nur einige Beispiele aufgeführt haben.
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. Fertig.
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.
x runter geladen
Code für den <HEAD> Bereich
<style>
.Obj134_opt { width: 250px; height: 35px; font-size: 16px; font-family: tahoma; background-color: #7c6031; color: #fff; }
.Obj134_nav { font-size: 14px; font-weight: bold; font-family: tahoma; background-color: #b4da9f; color: #7c6031; }
</style>
Code für den <BODY> Bereich
<div align="center">
<form>
<select class="Obj134_opt" onChange="location.href=this.options[this.selectedIndex].value">
<option> Bitte wählen Sie: </option><option class="Obj134_nav" value="http://x5forum.home-wiekau.de">
Zur Startseite
</option><option class="Obj134_nav" value="files/demo.html">
Demo-Textseite
</option><option class="Obj134_nav" value="images/bild.jpg" target="_blank">
Demo-Bild
</option><option class="Obj134_nav" value="http://dl.home-wiekau.de/click.php?id=wsX5Obj134_0" target="_blank">
Website X5 Helpcenter
</option><option class="Obj134_nav" value="http://com.home-wiekau.de/pj_LinkCounter/click.php?id=X5-Obj134_0" target="_blank">
Download Script
</option>
</select>
</form>
</div>
» nach oben «