javascript que no funciona con mozilla

Crear páginas para Gecko, diferencias con IE, articulos de interés y recursos en español
koskya

javascript que no funciona con mozilla

Mensajepor koskya » Mar Dic 04, 2007 5:12 pm

Hola amigos,

No soy muy entendida en javascript y he estado toda la tarde tratando de hacer funcionar un menú desplegable en Mozilla (funciona perfecto en IE).

El código javascript es el siguiente:

Código: Seleccionar todo

<script>
document.writeln('<style>');
document.writeln('td.menu,a.menu:link {font:Bold 8pt Arial;color:00FFFF;cursor:hand;text-decoration:none}');
document.writeln('a.menu:hover {font:Bold 8pt arial;color:FFFF00;cursor:hand;text-decoration:none}');
document.writeln('a.menu:visited {font:Bold 8pt arial;color:FFFFFF;cursor:hand;text-decoration:none}');
document.writeln('</style>');
function show(name){
if (navigator.appName=="Microsoft Internet Explorer")
{
document.all[name].style.display = "block";
}
else
{
eval(name).visibility = "show";
}}
function hide(name)
{
if (navigator.appName=="Microsoft Internet Explorer")
{
document.all[name].style.display = "none";
}
else
{
eval(name).visibility = "hidden";
}}
imageon1=new Image();
imageon1.src="botones3.jpg";
imageoff1=new Image();
imageoff1.src="botones2.jpg";
document.writeln('<div style="left:10;top:0;position:absolute">');
document.writeln('<table border=0 cellpadding=0 cellspacing=0 width=666>');
document.writeln('<td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="index.html">Principal</a>');
document.writeln('<td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src;show("b"); onmouseout=this.background=imageoff1.src;hide("b");>Acerca de..');
document.writeln('<td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src;show("c"); onmouseout=this.background=imageoff1.src;hide("c");>Secciones');
document.writeln('<td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src;show("e"); onmouseout=this.background=imageoff1.src;hide("e");><a class=menu href="noticias.html">Noticias</a>');
document.writeln('<td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src;show("f"); onmouseout=this.background=imageoff1.src;hide("f");><a class=menu href="contactenos.html">Contactenos</a>');
document.writeln('<td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src;show("g"); onmouseout=this.background=imageoff1.src;hide("g");>Links');
document.writeln('</table>');
document.writeln('</div>');



document.writeln('<div id="b" style="left:120;top:25;position:absolute;display:none" onmouseover=javascript:show("b"); onmouseout=hide("b");>');
document.writeln('<table border=0 cellpadding=0 cellspacing=0>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="belenuc.html">Belen UC</a>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="fotos.html">Fotos</a>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="preu.html">Preu</a>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="mapa.html">Mapa</a>');
document.writeln('</table>');
document.writeln('</div>');

document.writeln('<div id="c" style="left:232;top:25;position:absolute;display:none" onmouseover=javascript:show("c"); onmouseout=hide("c");>');
document.writeln('<table border=0 cellpadding=0 cellspacing=0>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="vocacional.html">Vocacional</a>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="lenguaje.html">Lenguaje</a>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="matematicas.html">Matematicas</a>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="historia.html">Historia</a>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src;show("cf"); onmouseout=this.background=imageoff1.src;hide("cf");><a class=menu href="link.html">Ciencias</a>');
document.writeln('</table>');
document.writeln('</div>');

document.writeln('<div id="cf" style="left:337;top:128;position:absolute;display:none" onmouseover=javascript:show("cf");javascript:show("c"); onmouseout=hide("cf");hide("c");>');
document.writeln('<table border=0 cellpadding=0 cellspacing=0>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="Tulink">Biologia</a>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="link.html">Fisica</a>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="link.html">Quimica</a>');
document.writeln('</table>');
document.writeln('</div>');

document.writeln('<div id="e" style="left:342;top:25;position:absolute;display:none" onmouseover=javascript:javascript:show("e"); onmouseout=hide("e");>');
document.writeln('<table border=0 cellpadding=0 cellspacing=0>');
document.writeln('</table>');
document.writeln('</div>');

document.writeln('<div id="f" style="left:454;top:25;position:absolute;display:none" onmouseover=javascript:show("f"); onmouseout=hide("f");>');
document.writeln('<table border=0 cellpadding=0 cellspacing=0>');
document.writeln('</table>');
document.writeln('</div>');

document.writeln('<div id="g" style="left:564;top:25;position:absolute;display:none" onmouseover=javascript:show("g"); onmouseout=hide("g");>');
document.writeln('<table border=0 cellpadding=0 cellspacing=0>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="http://www.puc.cl">P.U.C</a>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="http://www.pastoraluc.cl/index_2.htm">Pastoral UC</a>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="http://www.iglesia.cl">Iglesias</a>');
document.writeln('<tr border=0 cellpadding=0 cellspacing=0><td class="menu" align="center" width=110 height=26 background="botones2.jpg" onmouseover=this.background=imageon1.src; onmouseout=this.background=imageoff1.src;><a class=menu href="http://www.vaticano.va">Vaticano</a>');
document.writeln('</table>');
document.writeln('</div>');
</script>


si alguien me puede ayudar, please.

gkamus

Re: javascript que no funciona con mozilla

Mensajepor gkamus » Dom May 11, 2008 12:06 am

Pues a mi funciono poner la misma opcion """ document.all[name].style.display = "none";""" que en IE,, y funciono en mozilla

Código: Seleccionar todo

<script>
document.writeln('<style>');
document.writeln('td.menu,a.menu:link {font:Bold 8pt Arial;color:00FFFF;cursor:hand;text-decoration:none}');
document.writeln('a.menu:hover {font:Bold 8pt arial;color:FFFF00;cursor:hand;text-decoration:none}');
document.writeln('a.menu:visited {font:Bold 8pt arial;color:FFFFFF;cursor:hand;text-decoration:none}');
document.writeln('</style>');
function show(name){
if (navigator.appName=="Microsoft Internet Explorer")
{
document.all[name].style.display = "block";
}
else
{
document.all[name].style.display = "block";
//eval(name).visibility = "show";
}}
function hide(name)
{
 if (navigator.appName=="Microsoft Internet Explorer")
 {
 document.all[name].style.display = "none";
 }
 else
 {
 document.all[name].style.display = "none";
 //eval(name).visibility = "hidden";
 }
}

SIROCCA
Recién llegado
Recién llegado
Mensajes: 1
Registrado: Mar May 26, 2009 8:40 am

Re: javascript que no funciona con mozilla

Mensajepor SIROCCA » Mar May 26, 2009 8:42 am

Hola a todos!
soy nueva en el foro, supongo que tengo que ponerlo en este apartado del foro por que es sobre javascript y mozilla.

Tengo 2 script (que tiene distinta funcionalidad) que me funcionan con IE, y con Mozilla no. Y la verdad no soy experta en javascript, y por mas que lo miro, nose que linea no es apta para Mozilla

1º SCRIPT:

<td><textarea name="presentacion" id="presentacion" cols="50" rows="10" maxlength="255" onKeyUp="return ismaxlength(this)" ></textarea></td>

function ismaxlength(obj){
var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
if (obj.getAttribute && obj.value.length>mlength)
obj.value=obj.value.substring(0,mlength)
}


2º SCRIPT:

<select name="coles" id="coles" onchange="javascript:Redireccionar(this.getElementById)" >
<option value="" id="" >Seleccione Colegio</option>
<option value="http://www.PRUEBA1.es" id="2" >PRUEBA1</option>
<option value="http://www.PRUEBA2.es" id="3" >PRUEBA2</option>
<option value="http://www.PRUEBA3.es" id="4" >PRUEBA3</option>
<option value="http://www.PRUEBA4.es" id="5" >PRUEBA4</option>
<option value="http://www.PRUEBA5.es" id="6">PRUEBA5</option>
</select>

function Redireccionar(Direccion)
{
var Direccion = document.all.coles.value;
window.location.href(Direccion);
}

------------------------------------------------------------------------------
Bueno gracias de antemano! :-)

Un saludo


Volver a “Desarrollo web (HTML/CSS/JS, accesibilidad...)”

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado