[Guide] Drop Menu

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • [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:

      PHP-Quellcode

      1. <HTML>
      2. <HEAD>
      3. <SCRIPT LANGUAGE="JavaScript">
      4. <!-- Beginning of JavaScript -
      5. function surfto(form) {
      6. var myindex=form.dest.selectedIndex
      7. window.open(form.dest.options[myindex].value, target="_parent");
      8. }
      9. // - End of JavaScript - -->
      10. </SCRIPT>
      11. </HEAD>
      Alles anzeigen
      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:

      PHP-Quellcode

      1. <BODY>
      3. <FORM NAME="myform">
      4. <SELECT NAME="dest" SIZE=1>
      5. <OPTION SELECTED VALUE="http://URL#1">Description1
      6. <OPTION VALUE="http://URL#2">Description2
      7. <OPTION VALUE="http://URL#3">Description3
      8. <OPTION VALUE="http://URL#4">Description4
      9. </SELECT>
      10. <INPUT TYPE="BUTTON" VALUE="GO NOW!" onClick="surfto(this.form)">
      11. </FORM>
      12. <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>
      13. <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>
      14. </BODY>
      15. </HTML>
      Alles anzeigen
      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

    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )