Ik ben bezig met een website en nu wil ik in mijn linker frame(menuframe) een aantal knopjes plaatjes en zo snel als je erop staat dat er een submenu komt uitzetten. Ik heb het gewoon goed voor elkaar als ik 1 knopje heb. Voeg ik er dan een 2e knop bij met zelfde code(doe ik via php ivm overzichtelijkheid) dan werkt niet. Dan staat er 1 dicht en de ander open ofzo iets.
Ik heb deze code gekregen/geript van het internet. Hij is in java maar ik heb daar dus geen verstand(kan wel tal van andere talen) van. Ik denk zelf het probleem is dat hij de functies verkeerd aanroept(dubbele benaming ofzo), maar ik weet het niet cker. Ik zal de code van 1 knop even geven.
Ik heb deze code gekregen/geript van het internet. Hij is in java maar ik heb daar dus geen verstand(kan wel tal van andere talen) van. Ik denk zelf het probleem is dat hij de functies verkeerd aanroept(dubbele benaming ofzo), maar ik weet het niet cker. Ik zal de code van 1 knop even geven.
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
| //DEZE MOET KOMEN TUSSEN DE HEADERS !
<script language="JavaScript">
<!-- INSTRUCTIES
/*
VERANDER HIERONDER DE VARIABELEN VAN DIT MENU
*/
var menu_pos=0;
/* menu_pos - the value 0 means the menu will be hidden when the page is opened and if value is set to 1 then the menu will be shown when the page is opened */
var menu_speed=10;
/* menu_speed - this value allows you to change the speed of the menu. (1 to 10) (1 is the slowest) Note that the lower the speed the smoother the menu is */
var instant_close=0;
/* instant_close - if you want the menu to close as soon as the user leaves the menu, set this value to 1 else 0 */
//VERANDER DIE VOORAL NIET, ANDERS DUT HIJ NIET MEER
if (menu_speed > 10)
{
menu_speed=10;
}
if(document.all)
{
doc = "document.all";
sty = ".style";
htm = ""
}
else if(document.layers)
{
doc = "document";
sty = "";
htm = ".document"
}
function positionLayers()
{
abcObj = eval(doc + '["abcLyr"]' + sty);
abcObj.left = 1;
if(menu_pos==0)
{
abcObj.top = -265;
}
else
{
abcObj.top = 2;
}
}
function pullitup()
{
if (window.dropdown)
{
clearInterval(dropdown)
}
pullup=setInterval("uplift()",1)
}
function dropitdown()
{
if (window.pullup)
{
clearInterval(pullup)
}
dropdown=setInterval("downlift()",1)
}
function uplift()
{
var x_pos1 = parseInt(abcObj.top);
if(x_pos1 >= -260 )
{
if(instant_close==1)
{
abcObj.top=-265;
}
else if(instant_close==0)
{
abcObj.top = x_pos1-menu_speed;
}
}
else if (window.pullup)
{
clearInterval(pullup);
}
}
function downlift()
{
var x_pos1 = parseInt(abcObj.top);
if(x_pos1 < 0 )
{
abcObj.top = x_pos1+menu_speed;
}
else if (window.dropdown)
{
clearInterval(dropdown);
}
}
function info()
{
alert("This is a script");
}
// end it-->
</script> |
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| //deze moet komen in de body !
<body onload="positionLayers();" bgcolor="#000000" vlink="#008000" alink="#FFFFFF" link="#CCFFCC" leftmargin="0" rightmargin="15" topmargin="25" text="#00FF00" background="plaatjes/back2.jpg">
<div id="abcLyr" style="position: absolute; left: 0; top: 0; width: 167; height: 294; z-index: 100; visibility: visible" onmouseover="dropitdown()" onmouseout="pullitup()">
<table bgcolor="#404040" width="140" height="260" border="1" bordercolor="#008000" bordercolordark="#000000" bordercolorlight="#000033" cellspacing="0">
<tr><td align="left" valign="middle">
<p align="center"><font size="1">Inhoud</font></p>
</td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 1</font>
</a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 2</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 3</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 3</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item 5</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item
6</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item
7</font></a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="#"><font size="2">Menu item
8</font>
</table>[img]"plaatjes\01moff.jpg"></font>
<!--<tr><td[/img]<font size="-2"><b>Menu »</b> <a href="javascript:void(0)" onclick="downlift()"><b>Show</b></a> <b>/</b> <a href="javascript:void(0)" onclick="uplift()"><b>Hide</b></a></font></td></tr>-->
</div> |