webForumDet fria alternativet

Menyer och undermenyer

Webbutveckling

8 svar · 441 visningar · startad av nummersju

Medlem sedan aug. 2005198 inlägg
Frågan#1

Hoppas att någon läser i just detta forum. Användarvänlighet är viktigt och jag måste få en sak klart för mig. Får jag inga svar här får jag väl lägga tråden i ett forum med fler läsare.
Nu till saken. Om man har en hemsida med ett antal "huvudmenyer" och "undermenyer" hur ska man på bästa sätt placera dessa på en hemsida. Jag tycker att en dropdown meny i javascript funkar bra då, men detta är inte speciellt användar vänligt.
Så jag skulle vilja ha tips på hur man ska göra för att få det på bästa möjliga och snyggaste sätt.

Medlem sedan nov. 200013 890 inlägg
#2

Det beror på vad du har för målgrupp.
Menyer med javascript behöver ju inte alltid vara fel.

Medlem sedan juli 20011 084 inlägg
#3

Om du bygger upp menyn med en bra struktur, rubriker och punktlistor t.ex. Så kan du visa och dölja dessa med javascript. Och de som surfar med "textläsare" ser menyn som den skall vara. Men jag skulle nog vilja undvika en sådan navigering ändå om det inte är nödvändigt. För den tar ju oftast längre tid att navigera igenom.

exempel:

<h2><a href="#" onmouseover="<script_för_att_visa_undermeny>">Huvudrubrik</a></h2>
<ul style="display:none">
  <li>Undermeny1
  <li><a href="#" onmouseover="<script_för_att_visa_undermeny>">Undermeny2</a>
    <ul style="display:none;">
      <li>Under-undermeny1</li>
      <li>Under-undermeny2</li>
    </ul>
  </li>
  <li>Undermeny3</li>
</ul>
Medlem sedan aug. 2005198 inlägg
#4

Kan du fixa fram javascriptet också kanske. Det skulle vara kul att prova o se hur det fungerar.

Medlem sedan aug. 200563 inlägg
#5

Det är ju bara att göra lite funktioner.
För att visa:
document.getElementById('id på ul').Diplay = 'block';
Fördölja meny:
document.getElementById('id på ul').Diplay = 'nne';

Medlem sedan maj 20021 558 inlägg
#6

Javascript fungerar ju om du lovar att testa det så det fungerar i Safari, FireFox, Explorer, Opera och kanske Netscape om du är på riktigt bra humör!
Nackdelen med javascript är ju att när det inte funkar eller är kompatibelt med webbläsaren så kan inte läsaren navigera alls. Det är ju lite synd.
Men om målgruppen kan tänkas ha uppdaterade webbläsare så går det väl finemang.
Själv gillar jag dock inte animerade javascriptmenyer där saker ska fada/rulla fram. Det är skit (kastar onda blixtar på wF:s sökknapp).
Minsta möjliga kod är en bra riktlinje.

Edit: Ovanstående exempel verkar ju vettigt

Medlem sedan juli 20013 378 inlägg
#7

Om du vill undvika Javascript i största möjliga mån, kan du göra en hel del "utfällningseffekter" med CSS också.

Exempel: http://www.alistapart.com/articles/dropdowns - med den eleganta uppföljaren http://www.htmldog.com/articles/suckerfish/dropdowns/

Den här verkar rätt användbar, men jag har inte koll på om den håller vad den lovar: http://www.csscreator.com/menu/multimenu.php ;)

Medlem sedan aug. 2005198 inlägg
#8

Alltså det verkar som om ni har fått detta om bakfoten :) Det jag menar är inte att jag vill ha tips på dropdown-menyer osv utan jag vill ha en diskussion om hur man ska göra på bästa sätt för att få en så fin meny med undermenyer som möjligt. Alltså om man skulle ha ett företag som säljer routers eller något annat så ska man kunna ha en "menyrubrik" som heter Routers och sedan undermenyer med olika produkter etc. Jag vet själv inte hur man ska göra på snyggaste sättet, men ni kanske har några knep?

Medlem sedan aug. 2005198 inlägg
#9

Skrev ett mail till Peter Dahlgren på Backend Media och frågade om han hade några tips. Han skrev genast i hop en står artikel på sin hemsida. Läs gärna...
http://www.backendmedia.se/2005/10/17/hur-gor-man-en-bra-meny/

265 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
132 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
132 ms — ändringar (db)