Suche im Forum:
Suchen


Autor Nachricht
Beitrag22.06.2012 um 15:08 (UTC)    
Titel: HTML: DropDown/Auswahl Menü [JavaScript]
Antworten mit Zitat
Wie erstellt man ein DropDown Menü?

Ein DropDown Menü ist eine Auswahlliste, bei der man durch anklicken
einer Überschrift auf eine andere Text-/Webseite weitergeleitet wird.

Beispiel:
http://design-generator.de.tl/Auswahlliste.htm [zum ausprobieren]

Um genau das gleiche DropDown Menü benutzen zu können,
muss man erst einmal folgenden Code hier einfügen:
Arrow Login
Arrow Design einstellen
Arrow Erweiterte Einstellungen
Arrow Text über dem Design
*Erklärung mit Bildern*

Der Code:
Zitat:
<script language="JavaScript">
function changeto(pfad){
if(pfad.options[pfad.selectedIndex].value != 0){
ziel=pfad.options[pfad.selectedIndex].value;
location = ziel;
location = ziel;}
else{
document.getElementById('').innerHTML = '<i>nicht wichtig</i>';
}
}
</script>

Anschließend kommt auf die Textseite, wo das DropDown Menü eingefügt werden soll.
Dazu geht man in den "Seiten Editor" und wählt die passende Textseite an.
Dort wird nun beim "Quellcode", den man hier finden kann:


Folgender Code eingefügt:
Zitat:
<select onchange="changeto(this)" name="dropdown">
<option value="http://deineadresse.de.tl/home.htm" selected="selected">Standard Wert</option>
<option value="http://deineadresse.de.tl/Textseite1.htm">1. Auswahlpunkt</option>
<option value="http://deineadresse.de.tl/Textseite2.htm">2. Auswahlpunkt</option>
<option value="http://deineadresse.de.tl/Textseite3.htm">3. Auswahlpunkt</option>
</select>
Das 'selected="selected" ' ist dafür verantwortlich, dass zuerst der Wert angezeigt wird.
Der grüne Code kann nach belieben weitergeführt werden!


Ich freue mich, wenn dieses Tutorial Ihnen weitergeholfen hat!(=
Bei Fragen stehe ich gerne per Nachricht zur Verfügung!

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 22.06.2012, 20:08, insgesamt 5-mal bearbeitet
↑
Beiträge der letzten Zeit anzeigen:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.