Javascript dropdown menu hulp!
na lang zoeken heb ik mijn oplossing gevonden, maar der zit nog een klein foutje in. Ik heb nu en dropdown javascript menu, dat gebruik maakt van layers. Als ik mijn pagina open, staan alle layers open, terwijl deze gesloten moeten zijn. ze gaan weg als ik met de muis over de link ga, om het submenutje te openen.
ik hoop dat dit verholpen kan worden!
dit is tevens de link van de site :
http://home.wanadoo.nl/llwmberden/ijlc
hier is de javascript code:
Code (php)
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
100
101
102
103
104
105
106
107
108
109
110
111
112
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
100
101
102
103
104
105
106
107
108
109
110
111
112
// JavaScript Document
function reDo() {
window.location.reload();
}
window.onresize = reDo;
//Define global variables
var timerID = null;
var timerOn = false;
var timecount = 10; // Change this to the time delay that you desire
var what = null;
var newbrowser = true;
var check = false;
function init() {
if (document.layers) {
layerRef="document.layers";
styleSwitch="";
visibleVar="show";
what ="ns4";
}
else if(document.all) {
layerRef="document.all";
styleSwitch=".style";
visibleVar="visible";
what ="ie4";
}
else if(document.getElementById) {
layerRef="document.getElementByID";
styleSwitch=".style";
visibleVar="visible";
what="dom1";
}
else {
what="none";
newbrowser = false;
}
check = true;
}
// Toggles the layer visibility on
function showLayer(layerName) {
if(check) {
if (what =="none") {
return;
}
else if (what == "dom1") {
document.getElementById(layerName).style.visibility="visible";
}
else {
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}
}
else {
return;
}
}
// Toggles the layer visibility off
function hideLayer(layerName) {
if(check) {
if (what =="none") {
return;
}
else if (what == "dom1") { document.getElementById(layerName).style.visibility="hidden";
}
else { eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}
}
else {
return;
}
}
function hideAll() {
hideLayer('homesub');
hideLayer('bginfosub');
hideLayer('analysissub');
hideLayer('multimediasub');
hideLayer('othersub');
//Put all layers used in the nav here. //Copy the hideLayer() function above.
}
function startTime() {
if (timerOn == false) {
timerID=setTimeout( "hideAll()" , timecount);
timerOn = true;
}
}
function stopTime() {
if (timerOn) {
clearTimeout(timerID);
timerID = null;
timerOn = false;
}
}
function onLoad() {
init();
}
[/CODE]
hiermee open ik dus zon submenutje:
[CODE]<a href="analysis.html" target="content" id="other" onMouseOver="hideAll(); showLayer('othersub'); stopTime()" onMouseOut="startTime();"></a>
[/CODE]
hiermee open ik dus zon submenutje:
[CODE]<a href="analysis.html" target="content" id="other" onMouseOver="hideAll(); showLayer('othersub'); stopTime()" onMouseOut="startTime();"></a>
[/CODE]
function reDo() {
window.location.reload();
}
window.onresize = reDo;
//Define global variables
var timerID = null;
var timerOn = false;
var timecount = 10; // Change this to the time delay that you desire
var what = null;
var newbrowser = true;
var check = false;
function init() {
if (document.layers) {
layerRef="document.layers";
styleSwitch="";
visibleVar="show";
what ="ns4";
}
else if(document.all) {
layerRef="document.all";
styleSwitch=".style";
visibleVar="visible";
what ="ie4";
}
else if(document.getElementById) {
layerRef="document.getElementByID";
styleSwitch=".style";
visibleVar="visible";
what="dom1";
}
else {
what="none";
newbrowser = false;
}
check = true;
}
// Toggles the layer visibility on
function showLayer(layerName) {
if(check) {
if (what =="none") {
return;
}
else if (what == "dom1") {
document.getElementById(layerName).style.visibility="visible";
}
else {
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}
}
else {
return;
}
}
// Toggles the layer visibility off
function hideLayer(layerName) {
if(check) {
if (what =="none") {
return;
}
else if (what == "dom1") { document.getElementById(layerName).style.visibility="hidden";
}
else { eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}
}
else {
return;
}
}
function hideAll() {
hideLayer('homesub');
hideLayer('bginfosub');
hideLayer('analysissub');
hideLayer('multimediasub');
hideLayer('othersub');
//Put all layers used in the nav here. //Copy the hideLayer() function above.
}
function startTime() {
if (timerOn == false) {
timerID=setTimeout( "hideAll()" , timecount);
timerOn = true;
}
}
function stopTime() {
if (timerOn) {
clearTimeout(timerID);
timerID = null;
timerOn = false;
}
}
function onLoad() {
init();
}
[/CODE]
hiermee open ik dus zon submenutje:
[CODE]<a href="analysis.html" target="content" id="other" onMouseOver="hideAll(); showLayer('othersub'); stopTime()" onMouseOut="startTime();"></a>
[/CODE]
hiermee open ik dus zon submenutje:
[CODE]<a href="analysis.html" target="content" id="other" onMouseOver="hideAll(); showLayer('othersub'); stopTime()" onMouseOut="startTime();"></a>
[/CODE]
Gewijzigd op 01/01/1970 01:00:00 door Bart berden
Dus ik denk met display: none; in de style. ;)
Met firefox kan ik niet in heb begin klikken :S
Lukt alleen met IE7 bij mij :(
!!!!!
Paul v/d Knaap schreef op 11.04.2007 17:44:
!!!!!
Met firefox kan ik niet in heb begin klikken :S
Lukt alleen met IE7 bij mij :(
!!!!!
Met firefox kan ik niet in heb begin klikken :S
Lukt alleen met IE7 bij mij :(
!!!!!
Dat doet Netscape dus ook niet..
@bart:
Je zou het dus ook even Netscape, FireFox en Opera valid moeten maken :P
srry ben niet egt gespecialiseerd hierin! srry voor t ongemak!
Zorg ook dat je ook op de site kan komen als je geen javascript gebruikt!
Maar popup kan wel via FF hoor:
http://www.mijnhomepage.nl/javascript/popup-maken.php