Specials

Specials stellt Ihnen Berichte über aktuelle IT-Experimente und Neuheiten vor.

Newsletter abonnieren: abonnieren Sie den monatlichen Newsletter mit Hinweis auf den aktuellen Tipp

entspannendes 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...

HTML-Code

<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-Seite

Beispiel:

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).

specials

spiel & spass

html

test area

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

Dropdownbeispiel

beliebte HTML-Editoren