Toon posts:

dHTML / JS Overlay pulldown-optie

Pagina: 1
Acties:

vrijdag 18 maart 2005 10:45

Acties:
  • Servowire
  • Registratie: September 2000
  • Laatst online: 13-08-2025

Servowire

prutser:~#

Topicstarter
Bij het maken van een pulldown optie op een site loop ik tegen het probleem dat de ruimte die het menu inneemt 'gereserveerd' word, en dus een wit vlak aanwezig is. Ik wil dat het over de text uitschuift (dus soort layer/floating).
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
30
31
32
33
34
35
36

<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>
</head>
<body>
<a href="javascript://" onmouseover="openMenu('menuDiv1')" onmouseout="hideTimer=setTimeout('closeMenu()',500)">menuutje</a> 

<div id="menuDiv1"
    style="background-color:#FF0000;visibility:hidden"
    onmouseover="clearTimeout(hideTimer)" 
    onmouseout="hideTimer=setTimeout('closeMenu()',500)"
>
<a href="blaat"<br>
optie 2<br>
optie 3<br>
optie 4<br>
optie 5<br>
optie 6
</div>


heb geprobeerd bij Style 'float' te plaatsen, werkte niet...
iemand een idee?

[ Voor 49% gewijzigd door Servowire op 18-03-2005 10:46 ]

met papier mache kun je alles maken!!

vrijdag 18 maart 2005 10:47

Acties:
  • Vinzzz243
  • Registratie: Februari 2001
  • Laatst online: 22-01-2025

Vinzzz243

je moet dan niet met style.visibility werken maar met style.display (en dan block of none)

vrijdag 18 maart 2005 10:55

Acties:
  • Servowire
  • Registratie: September 2000
  • Laatst online: 13-08-2025

Servowire

prutser:~#

Topicstarter
Vinzzz schreef op vrijdag 18 maart 2005 @ 10:47:
je moet dan niet met style.visibility werken maar met style.display (en dan block of none)
Heb het veranderd naar block en none, maar nu is hij idd verborgen, maar bij mouseover schuift alle text eronder op, ik wil dat hij over de tekst float.... kan dit?

Hij moet dus OVER de text heen uitvouwen, hij drukt nu de text weg.

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
30
31
32
33
34
35
36

<script type="text/javascript">

hideTimer=setTimeout('',0);
activeMenu=null;

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

function closeMenu(){
    if(activeMenu!=null){
        document.getElementById(activeMenu).style.display="="none";
        activeMenu=null;
    }
}

</script>
</head>
<body>
<a href="javascript://" onmouseover="openMenu('menuDiv1')" onmouseout="hideTimer=setTimeout('closeMenu()',500)">menuutje</a> 

<div id="menuDiv1"
    style="background-color:#FF0000;display:none"
    onmouseover="clearTimeout(hideTimer)" 
    onmouseout="hideTimer=setTimeout('closeMenu()',500)"
>
<a href="blaat"<br>
optie 2<br>
optie 3<br>
optie 4<br>
optie 5<br>
optie 6
</div>

[ Voor 115% gewijzigd door Servowire op 18-03-2005 11:26 ]

met papier mache kun je alles maken!!

Reageer