Menu en Javascript que solo funciona en Opera 10.50

[quico6]

Hola, he creado el siguiente menu, pero por alguna razón que desconozco solo funciona en Opera, gracias por la ayuda

Lo he probado en: Chrome4, Firefox3.6, IE8, Opera10.50 y sospecho que algo hago mal ne JavaScript


CSS---------------------------------------------------------------------------------------

body{background:url(sky_above_china-1440x900-1.jpg) center fixed;}

.table{display:table; width:100%;}
.tr{display:table-row; magin:1px; background:url(bar.png);}
.td{display:table-cell; text-align:center; vertical-align:middle; height:30px;}

.td{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.submenu{display:none;}
form{display:table-cell;}


JavaScript------------------------------------------------------------------------------

function buscarIndice(obj) {
frm = obj.form;
for (i=0; ele=frm['menu[]'][i]; i++){
if (ele==obj) {
//alert(i);
//break;
}
}
for (i=0; ele=frm['menu[]'][i]; i++){
if (ele==obj) {
submenu[i].style.display="block";
}else{
submenu[i].style.display="none";
}
}
}


HTML------------------------------------------------------------------------------

<!DOCTYPE><link rel=stylesheet href="style.css" type="text/css"><script language="javascript" type="text/javascript" src="menu.js"></script>



<div class="table"><div class="tr"><div class="td"><center>

<form action='http://anhida.org/drupal/' method='post'><input type='submit' value='Portada' style="margin-right:4px;"></form>
<form>
<input type="button" name="menu[]" onClick="buscarIndice(this)" value="Mi Cuenta" class="menu">
<input type="button" name="menu[]" onClick="buscarIndice(this)" value="Foros" class="menu">
<input type="button" name="menu[]" onClick="buscarIndice(this)" value="Archivos" class="menu">
<input type="button" name="menu[]" onClick="buscarIndice(this)" value="¿Quienes somos?" class="menu">
<input type="button" name="menu[]" onClick="buscarIndice(this)" value="X" class="menu">
</form>

</center></div></div><div class="tr"><div class="td"><center>


<div class="submenu" name="submenu">
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Entrar'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Salir'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Registrarse'></form>
</div>

<div class="submenu" name="submenu">
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Afectados'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Profesionales'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Lecturas y Consejos'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Sobre esta Web'></form>
</div>

<div class="submenu" name="submenu">
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Libros'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='Guias'></form>
</div>

<div class="submenu" name="submenu">
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='¿Qué es ANHIDA?'></form>
<form action='http://anhida.org/drupal/' method='get'><input type='hidden' name='q' value="filter/tips"><input type='submit' value='¿Qué es el TDAH?'></form>
</div></div>

</center></div></div></div>

[hector2c]

seria interesante que subas el ejemplo en un host para poder uubicar mejor el problema.. nos vemos, suerte...

[jackson666]

Iniciado por hector2c

seria interesante que subas el ejemplo en un host para poder uubicar mejor el problema.. nos vemos, suerte...

Y ni hablar de usar los resaltadores de codigo del foro!

[pemr_2002]

No me ubico muy bien aun en el css, pero segun tengo entendido el Opera supera a todos los navegadores en ese aspecto (si, incluso a firefox), ademas soporta css3 cosa que los otros navegadores practicamente no, por las dudas no estaras ocupando css3 en tu codigo, si fuese en ese caso la version 10.50 de opera ofrece mayor soporte de css3 que los otros (el css3 no es "totalmente" soportado por NINGUN navegador)

[hector2c]

seria bueno que lo suba a un hosting, para poder observar mejor el problema...

[quico6]

Gracias a Todos


Demo -> http://www.anhida.org/menu2/

tengo experiencia en CSS-2.1 y CSS-3 y basicamente es visual, parte del CSS3 es soportado por todos los navegadores actualizados a su ultima versión, pero Opera 10.50 es el que mejor respeta el CSS3 al menos eso me parece

el problema esta en la parte funcional -> JavaScript que no se aplica correctamente a la competencia de Opera (para mostrar los submenus)

son dos barras con botones

la superior elije que botones poner en la barra inferiror


gracias