Dropmenu bij tweakers.net

[voodoo202]

Kan iemand mij aan de naam helpen van een item.

Op tweakers.net heb je bovenin een balk met items, als je daar met de muis overheen gaat komt er een schermpje naar onder waar je weer uit kunt kiezen. Hoe heten die dingen ook alweer, want ik kan er niet opkomen, en dus ook niet vinden op google.

De naam van het component of voorbeeld code zou natuurlijke helemaal mooi zijn, maar dat als ik de naam al weet kan ik gaan zoeken.

[Verwijderd]

drop down menu

[voodoo202]

Verwijderd schreef op woensdag 02 maart 2005 @ 22:07:
drop down menu

Ja dat is het, ik was allemaal aan het zoeken naar dropdownlist, maar ja dat is zo'n standaard component wat er niet uitziet.

Bedankt

[Plecky]

of mouse-over dropdown menu

[nero355]

En het is JavaScript als ik me niet vergis

[Rowanov]

Suckerfish dropdown wel te verstaan, dat lijkt me de netste oplossing. Kijk maar eens op www.alistapart.com en dan onder de css artikelen staat er wel wat.

[k0ewl]

Je kunt ook zelf een dropdowntje maken..

heb ik ook gedan voor deze site:
http://www.comafin.nl

code:

<SCRIPT>
var timerID;
var timeOut = 1000;

function toggleDiv(toggle, element) {
    if(toggle == 1) {
        stopTimer();

        hideLayers();

        document.getElementById(element).style.visibility = 'visible';
        document.getElementById(arrow).src = 'images/arrow_down.gif';
    } else {
        startTimer();
    }
}

function hideLayers() {
    document.getElementById('blaat').style.visibility = 'hidden';
}

function startTimer() {
    timerID = setTimeout("hideLayers()", timeOut);
}

function stopTimer() {
    timerID = clearTimeout(timerID);
}
</SCRIPT>

en dan in je code:

code:

<A href="" onMouseOver="toggleDiv(1,'blaat');" onMouseOut="toggleDiv(0, 'blaat');"></A>
<DIV id="blaat"></DIV>

PS: wel ff met CSS de visiblilty dan normaal op hidden zetten enz, maarja dat spreekt voorzich

[ Voor 94% gewijzigd door k0ewl op 02-03-2005 22:22 . Reden: PS ]

[Blaise]

k0ewl schreef op woensdag 02 maart 2005 @ 22:15:
Je kunt ook zelf een dropdowntje maken..

heb ik ook gedan voor deze site:
http://www.comafin.nl

Handig, die dropdown menu's met 1 item

[k0ewl]

Blaise schreef op woensdag 02 maart 2005 @ 22:22:
[...]

Handig, die dropdown menu's met 1 item

Ik moest van hun dropdown's maken.. nou dan kan dat toch.. zolang ik me geld maar krijg

[Thijsmans]

k0ewl schreef op woensdag 02 maart 2005 @ 22:15:
Je kunt ook zelf een dropdowntje maken..

heb ik ook gedan voor deze site:
http://www.comafin.nl

code:

<SCRIPT>
var timerID;
var timeOut = 1000;

function toggleDiv(toggle, element) {
    if(toggle == 1) {
        stopTimer();

        hideLayers();

        document.getElementById(element).style.visibility = 'visible';
        document.getElementById(arrow).src = 'images/arrow_down.gif';
    } else {
        startTimer();
    }
}

function hideLayers() {
    document.getElementById('blaat').style.visibility = 'hidden';
}

function startTimer() {
    timerID = setTimeout("hideLayers()", timeOut);
}

function stopTimer() {
    timerID = clearTimeout(timerID);
}
</SCRIPT>

en dan in je code:

code:

<A href="" onMouseOver="toggleDiv(1,'blaat');" onMouseOut="toggleDiv(0, 'blaat');"></A>
<DIV id="blaat"></DIV>

PS: wel ff met CSS de visiblilty dan normaal op hidden zetten enz, maarja dat spreekt voorzich

Javascript-menu's zijn _zo_ 2004 Tegenwoordig zijn er alternatieven waar nauwelijks javascript aan te pas komt (zie de eerdergenoemde suckerfish)

[Woudloper]

Je kan voor de source van bijvoorbeeld GoT gewoon even 'view source' doen. Mocht de code niet geheel leesbaar zijn dan haal je het even door HTML Tidy heen en zie je zo hoe het opgebouwd is.

Wat goed naslagwerk is voor dit alles, zijn artikelen als: "Taming the List", "Listamatic" ,etc. etc.

[crisp]

Het GoT menu is heel simpel:

HTML:

<ul id="sitenav">
  <li>menu item</li>
  <li>menu item
    <ul>
      <li>submenu item</li>
      <li>submenu item</li>
    </ul>
  </li>
</ul>

dat tesamen met wat javascript. Ik zweer bij dit soort zaken toch bij javascript omdat je dan dingen kan doen als het menu vertraagd inklappen. Pure CSS menu's vind ik te 'jumpy' en daardoor minder gebruiksvriendelijk voor mensen die niet over supergecoordineerde muisskillz beschikken

[André]

Als je de menu-items groot genoeg maakt en de submenu's er goed en dik genoeg overheen legt zijn CSS only menu's prima te doen

[Verwijderd]

Prammenhanger schreef op woensdag 02 maart 2005 @ 22:30:

Javascript-menu's zijn _zo_ 2004 Tegenwoordig zijn er alternatieven waar nauwelijks javascript aan te pas komt (zie de eerdergenoemde suckerfish)

[rml]Cheatah in "[ javascript] dropdownmenu sluit niet aut..."[/rml]

Ik vind het best als je zelf in je eigen onzin gelooft, maar ga dat niet lopen verkondigen alsof het de waarheid is. Er is niets mis met het gebruik van javascript voor een menu, als je het maar goed doet.

[Woudloper]

Verwijderd schreef op donderdag 03 maart 2005 @ 08:25:
Ik vind het best als je zelf in je eigen onzin gelooft, maar ga dat niet lopen verkondigen alsof het de waarheid is. Er is niets mis met het gebruik van javascript voor een menu, als je het maar goed doet.

Klopt, en crisp geeft hierboven een goed voorbeeld van een oplossing. Verder kan je ook naar de andere verwijzingen kijken waar menuŽs worden uitgewerkt op basis van de UL LI elementen...