Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag22.06.2012 um 15:08 (UTC)    
Titel: HTML: DropDown/Auswahl Menü [JavaScript]

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:   


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