Ik heb met behulp van de code die in het volgende topic staat mijn eigen dhtml menu gemaakt: [topic=430979/1/25]
Ik heb hem ook werkend gekregen en op verschillende punten aangepast zodat er nu ook een mooie layout bij zat. Omdat Opera bij mij meestal 'problemen' geeft bij het maken van pagina's (hij is iets kieskeuriger dus ik merk het gelijk als ik ergens een foutje maak
). Daarom heb ik hem ook het eerst werkend gekregen in Opera:
Maar toen ik mijn mijn website bekeek in ie5.5 kreeg ik het volgende te zien:
Ik gebruik de volgende java code:
De volgende code gebruik ik voor mijn menu:
(let aub maar niet op het 2de menu'tje, die moet ik nog aanpassen )
Wat ik mij dus afvraag is wat ik precies moet doen of welke commando's ik moet gebruiken om ervoor te zorgen dat het menu hetzelfde reageert in IE5.5 als in Opera 6.0.
Een vriendelijk hint naar waar ik het moet zoeken met een commado'tje wat de oplossing kan zijn vindt ik al voldoende. Meestal is het mij even op de goede weg helpen en dan lukt het wel.
Ik heb hem ook werkend gekregen en op verschillende punten aangepast zodat er nu ook een mooie layout bij zat. Omdat Opera bij mij meestal 'problemen' geeft bij het maken van pagina's (hij is iets kieskeuriger dus ik merk het gelijk als ik ergens een foutje maak
). Daarom heb ik hem ook het eerst werkend gekregen in Opera:Maar toen ik mijn mijn website bekeek in ie5.5 kreeg ik het volgende te zien:
Ik gebruik de volgende java code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| 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;
}
} |
De volgende code gebruik ik voor mijn menu:
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
| <table class="border" border="0" align="center">
<tr>
<td colspan="2">
<table class="topmenu" border="0" cellpadding="0" width="100%">
<tr>
<td style="width:90">
<a class="topmenu" href="/index.php">Ex's PC</a>
</td>
<td style="width:5">
</td>
<td style="width:90">
<a class="topmenu" href="javascript://" onmouseover="openMenu('menuDiv1')" onmouseout="hideTimer=setTimeout('closeMenu()',500)">Menu1</a>
<div id="menuDiv1" style="position:absolute;top:32;width:90px;background-color:#d0d0d0;visibility:hidden"
onmouseover="clearTimeout(hideTimer)"
onmouseout="hideTimer=setTimeout('closeMenu()',500)">
<table style="background-color:#000000" width="100%">
<tr>
<td style="background-color:#f6f6f5;padding:2px;">
<p>
Option 1
</p>
</td>
</tr>
<tr>
<td style="background-color:#f6f6f5;padding:2px;">
<p>
Option 2
</p>
</td>
</tr>
<tr>
<td style="background-color:#f6f6f5;padding:2px;">
<p>
Option 3
</p>
</td>
</tr>
<tr>
<td style="background-color:#f6f6f5;padding:2px;">
<p>
FAQ
</p>
</td>
</tr>
<tr>
<td style="background-color:#f6f6f5;padding:2px;">
<p>
Legal
</p>
</td>
</tr>
<tr>
<td style="background-color:#f6f6f5;padding:2px;">
<p>
<a href="/index.php?func=stats">Statistics</a>
</p>
</td>
</tr>
</table>
</div>
</td>
<td style="width:90">
<a class="topmenu" href="javascript://" onmouseover="openMenu('menuDiv2')" onmouseout="hideTimer=setTimeout('closeMenu()',500)">menu2</a>
<div id="menuDiv2" style="position:absolute;parent:68px;top:35px;width:90px;background-color:#000000;visibility:hidden"
onmouseover="clearTimeout(hideTimer)"
onmouseout="hideTimer=setTimeout('closeMenu()',500)">
optie 1<br>
optie 2<br>
optie 3<br>
optie 4<br>
optie 5<br>
optie 6
</div>
</td>
<td style="width:450">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" width="90">
<!-- en dan de rest van mijn website --> |
(let aub maar niet op het 2de menu'tje, die moet ik nog aanpassen
)Wat ik mij dus afvraag is wat ik precies moet doen of welke commando's ik moet gebruiken om ervoor te zorgen dat het menu hetzelfde reageert in IE5.5 als in Opera 6.0.
Een vriendelijk hint naar waar ik het moet zoeken met een commado'tje wat de oplossing kan zijn vindt ik al voldoende. Meestal is het mij even op de goede weg helpen en dan lukt het wel.
<HunterPro> HAL: is Excru intelligent?
<HAL> HunterPro: Hijs weer lekker intelligent.
* Excru aait HAL
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
van de webgebruikers gebruikt namelijk IE, ipv Netscape, Opera.... etc. etc.
