- Specials stellt Ihnen Berichte über aktuelle IT-Experimente und Neuheiten vor.Newsletter abonnieren: abonnieren Sie den monatlichen Newsletter mit Hinweis auf den aktuellen Tippentspannendes Gehirntraining
(Handy auf Querformat drehen) - Dropdown mit HTML 5
Eine Dropdownliste eignet sich bestens für die Navigation auf Ihrer Website, besonders um gewisse Unterbereiche auf einer bestimmten Seite aufzurufen. Der Grundcode dafür ist einfach und hat den grossen Vorteil, dass Sie die Einträge im Dropdown bei wachsender Seite stets im HTML-Editor erweitern und anpassen können.hier der...x<html>
<head>
</head>
<body>
<h4>Dropdownbeispiel</h4>
<br>
<select onchange="window.open(this.value,'_blank','widht:auto;max-widht:75%,resizeable=yes')">
<option value="">Ihr Auswahltitel</option>
<option value="https://google.ch">zu Google</option>
</select>
</body>
</html>Anwendung:
Auf der sich laufend entwickelnden Excel-Seite ist das so gelöst. Dazu sind auf der Seite Sprungmarken in Form von IDs definiert:
<p id="boxplot"> und im Dropdown wird dann so darauf verwiesen:
<option value="https://luck-cbs.ch/excel/#boxplot">01 Boxplot</option>
=> zur Excel-SeiteBeispiel:Dropdownbeispiel
auf dem Mobile erscheint das Dropdown nach dem Antippen in der Regel so:weitere Code-Beispiele finde Sie laufend auf der Codeseite =>Codeseite
Wenn Sie sich nach HTML-Editoren umsehen,
finden Sie sehr viele. Hier einige top…beliebte HTML-Editoren
dropdown - dieser Bereich ist passwortgeschützt!
Das Kennwort können Sie per E-Mail an mich anfordern (Registration).