Dropmenu bij tweakers.net

Pagina: 1
Acties:

  • voodoo202
  • Registratie: Januari 2002
  • Laatst online: 04-08-2025
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
  • Registratie: Januari 2002
  • Laatst online: 04-08-2025
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
  • Registratie: Januari 2004
  • Niet online
of mouse-over dropdown menu

  • nero355
  • Registratie: Februari 2002
  • Laatst online: 22-02 18:06

nero355

ph34r my [WCG] Cows :P

En het is JavaScript als ik me niet vergis :)

|| Stem op mooiere Topic Search linkjes! :) " || Pi-Hole : Geen advertenties meer voor je hele netwerk! >:) ||


  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

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
  • Registratie: December 2003
  • Laatst online: 14-04 16:23
Je kunt ook zelf een dropdowntje maken..

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

code:
1
2
3
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
<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:
1
2
<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 ]

A byte walks into a bar and orders a pint. Bartender asks him "What's wrong?" Byte says "Parity error." Bartender nods and says "Yeah, I thought you looked a bit off."


  • Blaise
  • Registratie: Juni 2001
  • Niet online
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
  • Registratie: December 2003
  • Laatst online: 14-04 16:23
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 :p

A byte walks into a bar and orders a pint. Bartender asks him "What's wrong?" Byte says "Parity error." Bartender nods and says "Yeah, I thought you looked a bit off."


  • Thijsmans
  • Registratie: Juli 2001
  • Laatst online: 11:53

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

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:
1
2
3
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
<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:
1
2
<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)

Privacy-adepten vinden op AVGtekst.nl de Nederlandse AVG-tekst voorzien van uitspraken en besluiten.


  • Woudloper
  • Registratie: November 2001
  • Niet online

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
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Het GoT menu is heel simpel:
HTML:
1
2
3
4
5
6
7
8
9
<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 ;)

Intentionally left blank


  • André
  • Registratie: Maart 2002
  • Laatst online: 06-05 11:13

André

Analytics dude

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
  • Registratie: November 2001
  • Niet online

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...
Pagina: 1