Drop-Down Menü (Quick-Jump)

von Delite | 03.06.2007 um 17:04 h

Typ: Javascript Anwendungen
Stufe:Einfach Mittelmäßig

So ein Wishtutorial für euch =)
Hier ein Beispiel!

folgendes kommt in den Head-Bereich:

<script language="JavaScript">

		<!--

		function Dropdown(Formular)

		{

			var Element = Formular.Ziel.selectedIndex;

		

			if (Formular.Ziel.options[Element].value != 0)

			{

				window.open(Formular.Ziel.options[Element].value);

			}   

		}

		//-->

		</script>

Hier werden die Links jetzt in einem neuen Fenster geöffnet.
Dort wo
window.open(Formular.Ziel.options[Element].value);
können wir auch noch was ändern, damit z.B. Der Link im eigenen Frame geöffnet werden soll müssen wir das in die Zeile schreiben:
frames["FRAMENAME"].location.href = Formular.Ziel.options[Element].value;
FÜR FRAMENAME euren framenamen schreiben ;)

Jetzt kommt Folgendes an die Stelle, wo das Dropdown-Menü erscheinen soll:

<form name="Formular">

			<select name="Ziel" onchange="Dropdown(this.form);">

				<option value="">Menü</option>

				<option value="http://www.giatu.de/">GIATU.DE</option>

				<option value="http://www.shizoo.de/">Shizoo.de</option>

			</select>

		</form>

in value="" schreibt ihr immer die gewünsche URL und zwischen <option> und </option> Der Name dazu :)
Ich hoffe dieses Tutorial konnte helfen <3