Ciao zusammen!
Ich überlege mir gerade, ob ich für ein Projekt eine kurze Beschreibung zu jedem Navipunkt ausgeben möchte.
Das Navi soll auf der linken Seite sein und der beschreibende Text irgendwo im Header.
Folgende 3 Varianten:
CSS only und abolutes Positionieren
HTML-Code:
<ul>
<li>
<a href="">Navipunkt1
<span>Beschreibung zum Navipunkt1</span>
</a>
<li>
<li>
<a href="">Navipunkt2
<span>Beschreibung zum Navipunkt2</span>
</a>
<li>
</ul>
Und dann das <span> eben mit position: absolute; irgendwo hinplatzieren.
Javascript
HTML-Code:
<ul>
<li><a href="">Navipunkt1</a></li>
<li><a href="">Navipunkt2</a></li>
</ul>
HTML-Code:
<div id="infobox">
<ul>
<li id="navipunkt1">Beschreibung zum Navipunkt1</li>
<li id="navipunkt2">Beschreibung zum Navipunkt2</li>
</ul>
</div>
Dann kriegen alle <li>'s display:none; und beim Hovern des Navipunktes kriegt das entsprechende <li> die Eigenschaft display:block;
Ajax
HTML-Code:
<ul>
<li><a href="">Navipunkt1</a></li>
<li><a href="">Navipunkt2</a></li>
</ul>
HTML-Code:
<div id="infobox">Beschreibung wird mit Ajax reingeladen</div>
Ja das sind die 3 Varianten die mir gerade so durch den Kopf gehen. Das absolute Positionieren ist einfach nicht so mein Ding. Irgendwie kann ich mich mit dem nicht anfreunden. Javascript scheint mir i.O., aber wie ist das für Screenreaders etc., für behinderte Menschen halt? Verwirrend?
Ajax ist zwar edel aber in diesem Falle finde ich nicht so angebracht, weil ja jedes Mal ein Request gestartet wird - bei jedem Hovern...das ist nicht der richtige Einsatzzweck meiner Meinung nach
Ja ich bin ein bisschen verloren und möchte mal eure Meinungen dazu hören.
Danke schon im Voraus!
Lesezeichen