[Guide] Drop Menu

Tag GodLikerz
Wollte euch Heute zeigenwie ihr ein kleiens dropmenu auf eure Seite machen könnt um Platz zu Sparen.

In den Head-Bereich muss ein Javascript eingefügt werden, siehe nachfolgend:

<HTML><HEAD> <SCRIPT LANGUAGE="JavaScript"><!-- Beginning of JavaScript - function surfto(form) {  var myindex=form.dest.selectedIndex  window.open(form.dest.options[myindex].value, target="_parent");  } // - End of JavaScript - --> </SCRIPT></HEAD>

Wenn man Frames verwenden, muss man im Head-Bereich den Zielframe ändern.

Beispiel:

Vorher: window.open(form.dest.options[myindex].value, target="_parent");
Geändert: window.open(form.dest.options[myindex].value, target="home");

home steht hier für den Namen des Zielframe, in dem die aufgerufene Seite geöffnet wird.

Jetzt kann man im Body-Bereich das Dropdown-Auswahlfeld einfügen:

<BODY>     <FORM NAME="myform"><SELECT NAME="dest" SIZE=1><OPTION SELECTED VALUE="http://URL#1">Description1<OPTION VALUE="http://URL#2">Description2<OPTION VALUE="http://URL#3">Description3<OPTION VALUE="http://URL#4">Description4</SELECT><INPUT TYPE="BUTTON" VALUE="GO NOW!" onClick="surfto(this.form)"></FORM> <br /><div style="z-index:3" class="smallfont" align="center">Content Relevant URLs by <a rel="nofollow" href="http://www.crawlability.com/vbseo/">vBSEO</a> 3.3.0</div><br /><div style="z-index:3" class="smallfont" align="center">Content Relevant URLs by <a rel="nofollow" href="http://www.crawlability.com/vbseo/">vBSEO</a> 3.3.0</div></BODY></HTML>

Was muss im Body-Bereich angepasst werden?

• Die Links. Ändert man <OPTION VALUE ="http://url" in die gewünschte Zielurl, z.B. <OPTION VALUE="http://www.yahoo.de">
• Die Beschreibung der Links. Ändert man <OPTION VALUE="http://url">Description1 z.B. in <OPTION VALUE="http://www.yahoo.de">Yahoo Deutschland
• Das Wort SELECTED im <OPTION> Tag kennzeichnet den Link, der bei Aufruf der Seite mit dem Dropdown-Feld angezeigt wird.Dies ist der Link,
  wenn der User sofort auf Go now! Button klickt, ohne einen anderen Link auszuwählen.

So eigentlich sehr einfach.
Viel Spass damit

LG
xDrago