DHTML menu maken met layers

Pagina: 1
Acties:

  • f1r3b4ll
  • Registratie: Augustus 2000
  • Laatst online: 06-09 16:19
ik ben druk bezig een horizontaal menu te maken ala Tweakers.

mijn idee was een tabel met 8 kolommen en in iedere kolom een plaatje (bijv home, hobby's, links enz.)

nu wil ik aan al deze plaatjes een onMouseOver event toewijzen en dan roept ie een functie showMenu() aan.
deze functie bestaat uit het zichtbaar maken van een layer waarin al de sublinks staan.

dit lukt allemaal prima en het menu werkt ook goed, maar nu de vraag:

hoe krijg ik het script zo dat de layer na een halve seconde verdwijnt??? als de bezoeker met de cursor ergens anders heen gaat, wil ik wel dat dat submenu dicht klapt.
ook moet het submenu verdwijnen als je naar een andere categorie gaat.

hoe is dit het beste te realiseren??? reply's als het kan graag met een stukje code.

BTW ik heb de search en andere sites al veelvuldig gebruikt, maar het lukt niet :'(

bvd !!! :)

🇳🇱 🔋 Marstek Venus E v3 | EMS xxx, BMS xxx, App vxxx | HW P1 | Marstek CT003 P1 | ☀️14kWp zuid-west+noord-oost


  • disjfa
  • Registratie: April 2001
  • Laatst online: 12-05 15:11

disjfa

be

disjfa - disj·fa (meneer)
disjfa.nl


Verwijderd

document.getElementById('menuDIV').onmouseout = setTimeout("document.getElementById('menuDIV').style.visibility='hidden';",500);

Hier moet je wel een eindje verder mee kunnen... ;)

  • jonggoud.nl
  • Registratie: Augustus 2001
  • Laatst online: 10-07 08:35

jonggoud.nl

@>--"--,--{

www.brainjar.com heeft een kant&klare

Nieuw (groots) project, mail me wat je er van vindt
Tevens in het bezit van een beeldschone vriendin


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

HEy mensen.. sommige mensen willen nog wel eens zelf wat schrijven en niet domweg iets van weet ik veel waar downloaden..

[topic=430979/1/25]

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

en...

* Woudloper meent zich te herrineren dat iemand ooit bezig was met een add-on voor Beehive

  • Thijsmans
  • Registratie: Juli 2001
  • Laatst online: 10-09 16:41

Thijsmans

⭐⭐⭐⭐⭐ (5/5)

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<SCRIPT type="text/javascript">
hideTimer=setTimeout('',0);
activeMenu=null;

function openMenu(menu){
    clearTimeout(hideTimer);
    closeMenu();
      document.getElementById(menu).style.visibility="visible";
      activeMenu=menu;
}

function closeMenu(){
    if(activeMenu!=null){
        document.getElementById(activeMenu).style.visibility="hidden";
        activeMenu=null;
    }
}
</SCRIPT>

Kort maar krachtig. Als je een menu opent, kijkt hij dus eerst of er al een openstaat en sluit die. Heb ik geloof ik van cutter ofzo.

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


  • f1r3b4ll
  • Registratie: Augustus 2000
  • Laatst online: 06-09 16:19
Op maandag 25 maart 2002 15:02 schreef Bosmonster het volgende:
HEy mensen.. sommige mensen willen nog wel eens zelf wat schrijven en niet domweg iets van weet ik veel waar downloaden..

[topic=430979/1/25]
bosmonster many thanx!!!! :):):)

ik zal je opzet verder uitspitten,

vooral die getElementbyID is een coole functie!!

🇳🇱 🔋 Marstek Venus E v3 | EMS xxx, BMS xxx, App vxxx | HW P1 | Marstek CT003 P1 | ☀️14kWp zuid-west+noord-oost


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

vooral die getElementbyID is een coole functie!!
Ja daar heb ik lang over moeten nadenken :P

  • f1r3b4ll
  • Registratie: Augustus 2000
  • Laatst online: 06-09 16:19
ik heb ook veel geleerd van die references (HTML, CSS en JavaScript) die bij Dreamweaver zitten, staan heel veel nuttige functies in.

aanrader !!!

🇳🇱 🔋 Marstek Venus E v3 | EMS xxx, BMS xxx, App vxxx | HW P1 | Marstek CT003 P1 | ☀️14kWp zuid-west+noord-oost


Verwijderd

Op maandag 25 maart 2002 15:25 schreef Bosmonster het volgende:

[..]

Ja daar heb ik lang over moeten nadenken :P
:D
Pagina: 1