yubb.de-Logo
Tutorials
yubb@yubb
yubbService
Inside yubb

Pulldownmenü als Linkliste (neues Fenster)

Mit dem Programm CodeGen kann man Pulldownmenüs als Linklisten erstellen. Es gibt dort aber keine Möglichkeit, die Links in einem neuen Fenster öffnen zu lassen. Daher zeige ich es in diesem Tutorial.

Hier erst mal der Code:

Code:
<form action="./" method="post" name="linkliste">
<select name="page" size="1" onchange="window.open(document.linkliste.page.value, 'dasepp','hotkeys=yes,location=yes,menubar=yes,resizable=yes,status=yes,scrollbars=yes,toolbar=yes')">
<option value="" selected="selected">Seite auswählen</option>
<option>http://www.seite.tld/</option>
<option value="http://www.andere.seite.tld/">noch eine Seite</option>
</select>
</form>


Mit dem select-Tag wird das Pulldown-Menü gestartet. Folgendes Attribut weist den Browser an, den gerade ausgewählten Wert auszulesen und die Adresse über ein Popup zu öffnen. Alle Buttons/Toolbars bleiben hierbei erhalten.
Code:
onchange="window.open(document.linkliste.page.value, 'dasepp','hotkeys=yes,location=yes,menubar=yes,resizable=yes,status=yes,scrollbars=yes,toolbar=yes')"


Das Einzige, was man hier jetzt noch ändern muss, ist der Code innerhalb des select-Tags.
Dabei gibt es zwei Möglichkeiten:
1. Wenn Beschreibung und Adresse gleich sein sollen, einfach folgendes schreiben:
Code:
<option>http://www.eine-seite.tld</option>


2. Sind Beschreibung und Adresse unterschiedlich, schreibt man folgendes:
Code:
<option value="http://www.eine-seite.tld">die Beschreibung</option>


Für jede weitere Seite muss man diesen Schritt natürlich wiederholen.

Es gehen natürlich auch Seiten auf dem eigenen Server:
Code:
<option value="forum/index.php">Zum Forum</option>


Geschrieben von dasepp am 25.03.2005 (6869x gelesen)
weiterempfehlen weiterempfehlen   Druckversion Druckversion   kommentieren kommentieren