Hoe krijg ik mijn javascriptmenu werkend in IE en FF?

Mariska84 · 4 mrt 2008

Goedenavond andere leden,

Ik ben een complete nitwit die aan het proberen is geslagen met Dreamweaver en ik stuit op een probleem met mijn uitschuifmenu. Het menu werkt prima in Safari maar in IE en FF laat hij de submenu's niet zien. Het is de bedoeling dat dezen verschijnen aan de linkerkant van het menu.

Heeft iemand enig idee hoe ik dit kan oplossen? (complete code van mijn pagina staat hieronder)

Ik hoop dat ik niet al te veel irritatie wek. In ieder geval alvast onwijs bedankt voor hulp.

Groetjes Mariska

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body{
Height: 100%;
z-index: 0;
font-family:verdana;
font-size: 12px;
color: #808080;}
table{
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #808080;
padding: 0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;}
a{
color:#808080;
text-decoration:none;
font-weight: normal;}
a:link {
color: #808080;
text-decoration: none;}
a:visited {
text-decoration: none;
color: #808080;}
a:active {
text-decoration: none;
color: #FF9F00;}
a:hover{color:#FF9F00}
table.menu {
font-size:100%;
position:absolute;
visibility:hidden;
width: 223px;
text-align: right;
overflow: visible;
}
.style1 {
color: #808080;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.style7 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #808080;
}
.style8 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
color: #808080;
}
.style10 {font-size: 24px}

.style15 {font-size: 18px; color: #FF9F00;}
.style16 {font-size: 12px}
</style>

<script language="javascript" type="text/javascript"> function toonmenu(elmnt) { document.all(elmnt).style.visibility="visible" } function verstopmenu(elmnt) { document.all(elmnt).style.visibility="hidden" } </script>

<title>Savvas S. Xanthos, Ph.D - Publications</title>

</head>

<body>

<table width="909" height="510" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse">
<tr>
<td height="61" colspan="5"><div align="center" class="style8">
<div align="left" class="style10">
<p><a href="index.html"></a> </p>
</div>
</div></td>
</tr>
<tr>
<td height="2" colspan="5"></td>
</tr>
<tr>
<td width="203" height="156"><div align="center">
<table width="177" height="156" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#C1C1C1" style="border-collapse:collapse">
<tr>
<td width="174" height="154"><table width="160" height="140" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#C1C1C1" style="border-collapse:collapse">
<tr>
<td height="137"><img src="Images/publications.jpg" alt="Savvas Xanthos" width="160" height="140"/></td>
</tr>
</table></td>
</tr>
</table>
</div></td>
<td width="301" align="left" valign="top"><p class="style15">Publications</p>
<p align="left"> </p></td>
<td width="210" valign="top"><p> </p>
<table onMouseOver="toonmenu('xanthos')" onMouseOut="verstopmenu('xanthos')" class="menu" id="xanthos" name="xanthos">
<tr><td class="menu"><div><a href="resume.html" target=_self>Resumé   </a></div></td></tr>
<tr><td class="menu"><div><a href="publications.html" target=_self>Publications   </a></div></td></tr>
</table>

<table class="menu" id="research"onmouseover="toonmenu('research')" onMouseOut="verstopmenu('research')">
<tr><td class="menu"><div><a href="mechanicalengengineering.html" target=_self>Mechanical Engineering   </a></div></td></tr>
<tr><td class="menu"><div><a href="civilengineering.html" target=_self>Civil Engineering   </a></div></td></tr>
<tr><td class="menu"><div><a href="biomedicalengineering.html" target=_self>Biomedical Engineering   </a></div></td></tr>
<tr><td class="menu"><div><a href="general.html" target=_self>General   </a></div></td></tr>
</table>

<table class="menu" id="teaching" onMouseOver="toonmenu('teaching')" onMouseOut="verstopmenu('teaching')">
<tr>
<td class="menu"> </td>
</tr>
<tr>
<td class="menu"><div><a href="courses.html" target=_self>Courses taught   </a></div></td>
</tr>
<tr>
<td class="menu"><div><a href="seminars.html" target=_self>Seminars taught   </a></div></td>
</tr>
</table>

<table class="menu" id="collaborators" onMouseOver="toonmenu('collaborators')" onMouseOut="verstopmenu('collaborators')">
<tr><td class="menu"><div><a href="http://www-me.ccny.cuny.edu/research/aerolab/staff/andre.htm" target=_blank>Prof. Yiannis Andreopoulos, Ph.D   </a></div></td></tr>
<tr><td class="menu"><div><a href="http://www1.ccny.cuny.edu/" target=_blank>Dr. Minwei Gong, Ph.D   </a></div></td></tr>
<tr><td class="menu"><div><a href="http://www1.ccny.cuny.edu/prospective/engineering/faculty/JohnFillos.cfm" target=_blank>Prof. John Fillos, Ph.D, P.E   </a></div></td></tr>
<tr><td class="menu"><div><a href="http://www1.ccny.cuny.edu/" target=_blank>Krish Ramalingam, P.E   </a></div></td></tr>
<tr><td class="menu"><div><a href="http://www-me.ccny.cuny.edu/faculty/weinbaum.html" target=_blank>Prof. Sheldon Weinbaum, Ph.D   </a></div></td></tr>
<tr><td class="menu"><div><a href="http://www1.ccny.cuny.edu/prospective/engineering/faculty/LatifJiji.cfm" target=_blank>Prof. Latif Jiji, Ph.D   </a></div></td></tr>
<tr><td class="menu"><div><a href="http://www.eng.ucy.ac.cy/EN/Faculty/SChristodoulou.htm" target=_blank>Prof. Symeon Christodoulou, Ph.D   </a></div></td></tr>
</table>

</td>
<td width="1" rowspan="4" bordercolor="#FF9F00" bgcolor="#FF9F00"></td>
<td width="192" rowspan="2" align="left" valign="top"><p class="style1"><br />
</p>
<table width="172">
<tr> <td width="164" onMouseOver="toonmenu('xanthos')" onMouseOut="verstopmenu('xanthos')"><a href="xanthos.html" target=_self>Savvas S. Xanthos, Ph.D</a></td>
</tr>
<tr>
<td onMouseOver="toonmenu('research')" onMouseOut="verstopmenu('research')"> <a href="research.html" target=_self>Research Interests</a></td>
</tr>
<tr>
<td onMouseOver="toonmenu('teaching')" onMouseOut="verstopmenu('teaching')"> <a href="teaching.html" target=_self>Teaching Activities</a></td>
</tr>
<tr> <td onMouseOver="toonmenu('collaborators')" onMouseOut="verstopmenu('collaborators')"><a href="collaborators.html" target=_self>Collaborators</a></td>
</tr>
</table>
<p> </p>
<p> </p>
</td>
</tr>
<tr>
<td height="250" colspan="3"><table width="695" height="240" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="693" height="240"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="1" colspan="3" bordercolor="#FFFFFF" bgcolor="#FF9F00"></td>
<td height="1" bordercolor="#FFFFFF" bgcolor="#FF9F00"></td>
</tr>
<tr>
<td height="30" colspan="3" valign="top"> </td>
<td> </td>
</tr>
</table>
<div align="center"></div>
</body>
</html>

peter vazed · 4 mrt 2008

HTML:

<script language="javascript" type="text/javascript"> function toonmenu(elmnt) {  document.getElementById(elmnt).style.visibility="visible" } function verstopmenu(elmnt) {  document.getElementById(elmnt).style.visibility="hidden" } </script>

getElementById
is de algemeen gebruikelijke aanduiding.

Mariska84 · 4 mrt 2008

Super! :d

Het werkt!

Bedankt voor je snelle reactie, ben blij dat het zo simpel was.

Thanks a lotttt

peter vazed · 4 mrt 2008

Al wel getest in Safari?
IE en FF werkte bij mij,
Safari heb ik niet.

Mariska84 · 4 mrt 2008

Safari werkt ook

Nu nog even de afstand vanaf top aangeven...

Hoe krijg ik mijn javascriptmenu werkend in IE en FF?

Mariska84

Nieuwe gebruiker

peter vazed

Meubilair

Mariska84

Nieuwe gebruiker

peter vazed

Meubilair

Mariska84

Nieuwe gebruiker

Nieuwste berichten

Wij waarderen jouw privacy