Toon posts:

[Javascript] OnMouseOver -> random layer weergave

Pagina: 1
Acties:

dinsdag 11 mei 2004 18:58

Acties:
  • TutanRamon
  • Registratie: Februari 2001
  • Laatst online: 21-04 13:31

TutanRamon

Topicstarter
Zoals titel al aangeeft ben ik bezig met een scriptje welke uiteindelijk het volgende moet doen.

Bij een mouseover op een bepaalde <a></a> moet hij een willekeurige layer tonen.

Ik heb het volgende :
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
37
38

<html>
<head>
<script type="text/javascript"> 
function randid() {
   var number = rand(4);
   if (number == 1) return('myId1');
   if (number == 2) return('myId2');
   if (number == 3) return('myId3');
   if (number == 4) return('myId4');
}
</script>
<script type="text/javascript"> 
function show(object,val) { 
document.getElementById(object).style.visibility = val; 
} 
</script> 
<a onmouseover="show('randid()','visible')" onmouseout="show('randid()','hidden')">LINK</a>

</head>
<body>

<div id="myId1" style="position:relative; width:200px; z-index:1; visibility: hidden; left: 0px; top: 10px">
Dit is layer 1
</div> 

<div id="myId2" style="position:relative; width:200px; z-index:1; visibility: hidden; left: 0px; top: 10px">
Dit is layer 2
</div> 

<div id="myId3" style="position:relative; width:200px; z-index:1; visibility: hidden; left: 0px; top: 10px">
Dit is layer 3
</div> 

<div id="myId4" style="position:relative; width:200px; z-index:1; visibility: hidden; left: 0px; top: 10px">
Dit is layer 4
</div> 
</body>
</html>


Ik denk dat het probleem ligt dat ik 2 keer die randid aanroep...

[ Voor 68% gewijzigd door TutanRamon op 11-05-2004 19:00 ]

We see things as we are, not as they are

dinsdag 11 mei 2004 19:23

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 00:33

André

Analytics dude

HTML:
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
37
38

<html>
<head>
<script type="text/javascript"> 
function randid() {
   number = parseInt(Math.random() * 4) + 1;
   if (number == 1) return('myId1');
   if (number == 2) return('myId2');
   if (number == 3) return('myId3');
   if (number == 4) return('myId4');
}
</script>
<script type="text/javascript"> 
function show(object,val) { 
document.getElementById(object).style.visibility = val; 
} 
</script> 
<a onmouseover="show(randid(),'visible')" onmouseout="show('myId' + number,'hidden')">LINK</a>

</head>
<body>

<div id="myId1" style="position:relative; width:200px; z-index:1; visibility: hidden; left: 0px; top: 10px">
Dit is layer 1
</div> 

<div id="myId2" style="position:relative; width:200px; z-index:1; visibility: hidden; left: 0px; top: 10px">
Dit is layer 2
</div> 

<div id="myId3" style="position:relative; width:200px; z-index:1; visibility: hidden; left: 0px; top: 10px">
Dit is layer 3
</div> 

<div id="myId4" style="position:relative; width:200px; z-index:1; visibility: hidden; left: 0px; top: 10px">
Dit is layer 4
</div> 
</body>
</html>

[ Voor 110% gewijzigd door André op 11-05-2004 19:28 ]

dinsdag 11 mei 2004 19:34

Acties:
  • TutanRamon
  • Registratie: Februari 2001
  • Laatst online: 21-04 13:31

TutanRamon

Topicstarter
Fantastisch Andre, thnx.

We see things as we are, not as they are

Reageer