Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/08/2008, 19:26
matias1331
 
Fecha de Ingreso: agosto-2008
Mensajes: 5
Antigüedad: 15 años, 9 meses
Puntos: 0
Roll down menu no funciona en IE

Hola, estoy desarrollando un menu de tipo rolldown uando smarty y xajax, este funciona bien en FF, mas no en IE, este es mi codigo:
index.php
session_start();
include_once("config.cemla.php");
$smarty->display("index.tpl");

index.tpl
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel='StyleSheet' type='text/css' href='standard.css' />
{php}
global $xajax;
$xajax->printJavascript('http://localhost/cemla/includes/xajax/');
include_once(CLASSES_DIR."scriptaculous.class.php" );
{/php}
<script src="classes/js/topMenuNav.js" type="text/javascript"></script>
</head>
<body onload="xajax_loadIndexModules();">
<ul id="topMenuMainNav">
<li><a href="#">Percoidei</a>
<ul>
<li><a href="#">Remoras</a></li>
<li><a href="#">Tilefishes</a></li>
<li><a href="#">Bluefishes</a></li>
<li><a href="#">Tigerfishes</a></li>
</ul>
</li>

<li><a href="#">Anabantoidei</a>
<ul>
<li><a href="#">Climbing perches</a></li>
<li><a href="#">Labyrinthfishes</a></li>
<li><a href="#">Kissing gouramis</a></li>
<li><a href="#">Pike-heads</a></li>
<li><a href="#">Giant gouramis</a></li>
</ul>
</li>
</ul>
</body>
</html>

standard.css
#topMenuMainNav, #topMenuMainNav ul{
padding: 0;
margin: 0;
list-style: none;
}
#topMenuMainNav a{
display: block;
width: 9em;
}
#topMenuMainNav li{
float: left;clear:none;
width: 9em;
}
#topMenuMainNav li ul {
position: absolute;
width: 9em;
left: -99em;
}
#topMenuMainNav li:hover ul, #topMenuMainNav li.sfhover ul {
left: auto;
}

topMenuNav.js
startList = function(){
if (document.all&&document.getElementById){
navRoot = document.getElementById("topMenuMainNav");
for (i=0; i<navRoot.childNodes.length; i++){
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function(){
this.className+=" over";
}
node.onmouseout=function(){
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;

Todos los otros efectos q tengo funcionan bien, en IE y FF, pero este menu me esta matando, porfis si alguien tiene una solucion o puede indicarme el bug, le estare eternamente agradecido

Daniel