Foros del Web » Programando para Internet » Javascript »

No funciona Javascript en Firefox

 Estas en el tema de No funciona Javascript en Firefox en el foro de Javascript en Foros del Web. Buenas, estoy haciendo una pagina web que contiene un menu en javascript, se me visualiza en internet explorer pero en firefox no. es como un ...
  #1 (permalink)  
Antiguo 29/03/2010, 04:28
 
Fecha de Ingreso: marzo-2010
Mensajes: 11
Antigüedad: 14 años, 1 mes
Puntos: 0
No funciona Javascript en Firefox
Buenas, estoy haciendo una pagina web que contiene un menu en javascript, se me visualiza en internet explorer pero en firefox no.

es como un mostrar o ocultar capas, tengo una imagen que al pinchar salga otra, pero no funciona, os pongo el codigo javascript:

<!-- INICIO JAVASCRIPT PARA EL MENU MERCEDES-->
<script language="javascript">
<!--

function cambiar ()
{
if (mercsub.style.visibility == "hidden")//Especificamos la propiedad de visibilidad de la Capa1
{
mercsub.style.visibility = "visible";
submenuaudi.style.visibility = "hidden";
submenubmw.style.visibility = "hidden";
submenuotros.style.visibility = "hidden";
mercsub.style.left = merc.style.left + merc.style.width;//Asignamos la posición de la capa absoluta
mercsub.style.top = merc.style.top + 130;
} else {
mercsub.style.visibility = "hidden";
}
}

//-->
</script>

<!-- FIN JAVASCRIPT PARA EL MENU MERCEDES-->

Gracias por vuestra ayuda.
  #2 (permalink)  
Antiguo 29/03/2010, 05:13
Avatar de Adler
Colaborador
  
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: No funciona Javascript en Firefox
Hola

Prueba con este

Código Javascript: 
Ver original
  1. <html>
  2. <style type="text/css">
  3. .ocultar {display:none;}
  4. .mostrar {display:block;}
  5. .sel {color:#FF0000;}
  6. .nosel {color:#000000;}
  7. .selsub {color:#FFF555;}
  8. .noselsub {color:#000000;}
  9. </style>
  10. <script type="text/javascript">
  11. var visto_subm = null;
  12. var visto_color = null;
  13. function versubmenu(num) {
  14. objhl = document.getElementById(num);
  15. obj = document.getElementById("sub"+num);
  16.  
  17. obj.className = (obj==visto_subm) ? 'ocultar' : 'mostar';
  18. objhl.className = (objhl==visto_color) ? 'nosel' : 'sel';
  19.  
  20.     if ((visto_subm != null) && (visto_color != null)) {
  21.         visto_subm.className = 'ocultar';
  22.         visto_color.className = 'nosel';
  23.     }
  24. //alert (visto_subm + " - " + visto_color)
  25. //alert (obj + " - " + objhl)
  26. visto_subm = (obj==visto_subm) ? null : obj;
  27. visto_color = (obj==visto_color) ? null : objhl;
  28. }
  29.  
  30.  
  31. var visto_subsubm = null;
  32. var visto_colorSUB = null;
  33. function versubsubmenu(num) {
  34. objhl = document.getElementById(num);
  35. obj = document.getElementById(num + "sub");
  36. obj.className = (obj==visto_subsubm) ? 'ocultar' : 'mostar';
  37. objhl.className = (objhl==visto_colorSUB) ? 'noselsub' : 'selsub';
  38.  
  39.     if ((visto_subsubm != null) && (visto_colorSUB != null)) {
  40.         visto_subsubm.className = 'ocultar';
  41.         visto_colorSUB.className = 'noselsub';
  42.     }
  43.  
  44. visto_subsubm = (obj==visto_subsubm) ? null : obj;
  45. visto_colorSUB = (obj==visto_colorSUB) ? null : objhl;
  46. }
  47. </script>
  48. <head>
  49. </head>
  50. <body>
  51. <div id="0" class="nosel" onclick="versubmenu(this.id)" style="z-index:1;">MENU0</div>
  52. <div id="sub0" class="ocultar" style="z-index:1;">
  53. <div id="s00" class="nosel" onclick="versubsubmenu(this.id)" style="z-index:1;">+ SubMenu0</div>
  54. <div id="s00sub" class="ocultar" style="z-index:1;">
  55. ++ SubsubMenu0.0<br />
  56. ++ SubsubMenu0.1<br />
  57. ++ SubsubMenu0.2
  58. </div>
  59. <div id="s01" class="nosel" onclick="versubsubmenu(this.id)" style="z-index:1;">+ SubMenu1</div>
  60. <div id="s01sub" class="ocultar" style="z-index:1;">
  61. ++ SubsubMenu1.0<br />
  62. ++ SubsubMenu1.1
  63. </div>
  64. </div>
  65.  
  66.  
  67. <div id="1" class="nosel" onclick="versubmenu(this.id)" style="z-index:1;">MENU1</div>
  68. <div id="sub1" class="ocultar" style="z-index:1;">
  69. <div id="s10" class="nosel" onclick="versubsubmenu(this.id)" style="z-index:1;">+ SubMenu0</div>
  70. <div id="s10sub" class="ocultar" style="z-index:1;">
  71. ++ SubsubMenu0.0<br />
  72. ++ SubsubMenu0.1<br />
  73. ++ SubsubMenu0.2
  74. </div>
  75. <div id="s11" class="nosel" onclick="versubsubmenu(this.id)" style="z-index:1;">+ SubMenu1</div>
  76. <div id="s11sub" class="ocultar" style="z-index:1;">
  77. ++ SubsubMenu1.0<br />
  78. ++ SubsubMenu1.1
  79. </div>
  80. </div>
  81.  
  82.  
  83. <div id="2" class="nosel" onclick="versubmenu(this.id)" style="z-index:1;">MENU2</div>
  84. <div id="sub2" class="ocultar" style="z-index:1;">
  85. <div id="s20" class="nosel" onclick="versubsubmenu(this.id)" style="z-index:1;">+ SubMenu0</div>
  86. <div id="s20sub" class="ocultar" style="z-index:1;">
  87. ++ SubsubMenu0.0<br />
  88. ++ SubsubMenu0.1<br />
  89. ++ SubsubMenu0.2
  90. </div>
  91. <div id="s21" class="nosel" onclick="versubsubmenu(this.id)" style="z-index:1;">+ SubMenu1</div>
  92. <div id="s21sub" class="ocultar" style="z-index:1;">
  93. ++ SubsubMenu1.0<br />
  94. ++ SubsubMenu1.1
  95. </div>
  96. </div>
  97.  
  98.  
  99. <div id="3" class="nosel" onclick="versubmenu(this.id)" style="z-index:1;">MENU3</div>
  100. <div id="sub3" class="ocultar" style="z-index:1;">
  101. <div id="s30" class="nosel" onclick="versubsubmenu(this.id)" style="z-index:1;">+ SubMenu0</div>
  102. <div id="s30sub" class="ocultar" style="z-index:1;">
  103. ++ SubsubMenu0.0<br />
  104. ++ SubsubMenu0.1<br />
  105. ++ SubsubMenu0.2
  106. </div>
  107. <div id="s31" class="nosel" onclick="versubsubmenu(this.id)" style="z-index:1;">+ SubMenu1</div>
  108. <div id="s31sub" class="ocultar" style="z-index:1;">
  109. ++ SubsubMenu1.0<br />
  110. ++ SubsubMenu1.1
  111. </div>
  112. </div>
  113.  
  114. </body>
  115. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 29/03/2010, 05:45
 
Fecha de Ingreso: marzo-2010
Mensajes: 11
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: No funciona Javascript en Firefox
[Quote = Adler; 3342800] Hola

Prueba Con Este

Resalte [= "javascript"] <html>
<style type="text/css">
. Ocultar (display: none;)
. A & (display: block;)
. Sel (color: # FF0000;)
. Nosel (color: # 000000;)
. Selsub (color: # FFF555;)
. Noselsub (color: # 000000;)
</ Style>
type = "text / javascript"> <script
var visto_subm = null;
visto_color var = null;
Función versubmenu (número) (
objhl = document.getElementById (num);
obj = document.getElementById ("sub" Número +);

obj.className = (obj == visto_subm)? 'Ocultar': 'Mostar;
objhl.className = (objhl == visto_color)? "Nosel ':' sel ';

if ((visto_subm! = null) & & (visto_color! = null)) (
visto_subm.className = 'ocultar';
visto_color.className = 'nosel;
)
/ / Alerta (visto_subm + "-" visto_color +)
/ / Alerta (obj + "-" + objhl)
visto_subm = (obj == visto_subm)? null: obj;
visto_color = (obj == visto_color)? null: objhl;
)


var visto_subsubm = null;
visto_colorSUB var = null;
Función versubsubmenu (número) (
objhl = document.getElementById (num);
obj = document.getElementById (+ num "sub");
obj.className = (obj == visto_subsubm)? 'Ocultar': 'Mostar;
objhl.className = (objhl == visto_colorSUB)? "Noselsub ':' selsub;

if ((visto_subsubm! = null) & & (visto_colorSUB! = null)) (
visto_subsubm.className = 'ocultar';
visto_colorSUB.className = 'noselsub;
)

visto_subsubm = (obj == visto_subsubm)? null: obj;
visto_colorSUB = (obj == visto_colorSUB)? null: objhl;
)
</ Script>
<head>
</ Head>
<body>
id = "0" <div class="nosel" onclick="versubmenu(this.id)" style="z-index:1;"> MENU0 </ div>
id = "sub0" <div class="ocultar" style="z-index:1;">
id = "S00" <div class="nosel" onclick="versubsubmenu(this.id)" style="z-index:1;"> SubMenu0 + </ div>
id = "s00sub" <div class="ocultar" style="z-index:1;">
+ + SubsubMenu0.0 <br />
+ + SubsubMenu0.1 <br />
+ + SubsubMenu0.2
</ Div>
id = "s01" onclick="versubsubmenu(this.id)" class="nosel" <div style="z-index:1;"> SubMenu1 + </ div>
id = "s01sub" <div class="ocultar" style="z-index:1;">
+ + SubsubMenu1.0 <br />
+ + SubsubMenu1.1
</ Div>
</ Div>


id = "1" onclick="versubmenu(this.id)" class="nosel" <div style="z-index:1;"> menu1 </ div>
id = "Sub1" <div class="ocultar" style="z-index:1;">
id = "s10" <div class="nosel" onclick="versubsubmenu(this.id)" style="z-index:1;"> SubMenu0 + </ div>
id = "s10sub" <div class="ocultar" style="z-index:1;">
+ + SubsubMenu0.0 <br />
+ + SubsubMenu0.1 <br />
+ + SubsubMenu0.2
</ Div>
id = "s11" onclick="versubsubmenu(this.id)" class="nosel" <div style="z-index:1;"> SubMenu1 + </ div>
id = "s11sub" <div class="ocultar" style="z-index:1;">
+ + SubsubMenu1.0 <br />
+ + SubsubMenu1.1
</ Div>
</ Div>


id = "2" onclick="versubmenu(this.id)" class="nosel" <div style="z-index:1;"> menu2 </ div>
id = "sub2" <div class="ocultar" style="z-index:1;">
id = "S20" <div class="nosel" onclick="versubsubmenu(this.id)" style="z-index:1;"> SubMenu0 + </ div>
id = "s20sub" <div class="ocultar" style="z-index:1;">
+ + SubsubMenu0.0 <br />
+ + SubsubMenu0.1 <br />
+ + SubsubMenu0.2
</ Div>
id = "s21" onclick="versubsubmenu(this.id)" class="nosel" <div style="z-index:1;"> SubMenu1 + </ div>
id = "s21sub" <div class="ocultar" style="z-index:1;">
+ + SubsubMenu1.0 <br />
+ + SubsubMenu1.1
</ Div>
</ Div>


id = "3" <div class = "nosel" onclick = "versubmenu (this.id)" <style="z-index:1;"> menu3 / div>
id = "sub3" <div class="ocultar" style="z-index:1;">
id = "s30" <div class="nosel" onclick="versubsubmenu(this.id)" style="z-index:1;"> SubMenu0 + </ div>
id = "s30sub" <div class="ocultar" style="z-index:1;">
+ + SubsubMenu0.0 <br />
+ + SubsubMenu0.1 <br />
+ + SubsubMenu0.2
</ Div>
id = "S31" onclick="versubsubmenu(this.id)" class="nosel" <div style="z-index:1;"> SubMenu1 + </ div>
id = "s31sub" <div class="ocultar" style="z-index:1;">
+ + SubsubMenu1.0 <br />
+ + SubsubMenu1.1
</ Div>
</ Div>

</ BODY>
</ [Html> /] Destacado

Suerte [/ quote]


no se por donde coger Por El Codigo Que Me ha Puesto, me parece Que es Mucho Más Complicado y lioso. Pero gracias
  #4 (permalink)  
Antiguo 29/03/2010, 06:50
Avatar de Adler
Colaborador
  
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: No funciona Javascript en Firefox
Hola

Cita:
Iniciado por aioras Ver Mensaje
no se por donde coger Por El Codigo Que Me ha Puesto, me parece Que es Mucho Más Complicado y lioso. Pero gracias
Solo tienes que editarlo

A ver si este es menos lioso

Código Javascript: 
Ver original
  1. <html>
  2. <style type="text/css">
  3. .ocultar {display:none;}
  4. .mostrar {display:block;}
  5. </style>
  6. <script type="text/javascript">
  7. var visto_subm = null;
  8. function versubmenu(num) {
  9. obj = document.getElementById("sub"+num);
  10.  obj.className = (obj==visto_subm) ? 'ocultar' : 'mostar';
  11.  
  12.     if (visto_subm != null)  {
  13.         visto_subm.className = 'ocultar';
  14.         
  15.     }
  16.  
  17. visto_subm = (obj==visto_subm) ? null : obj;
  18. }
  19.  </script>
  20. <head>
  21. </head>
  22. <body>
  23. <div id="0" onclick="versubmenu(this.id)">MENU0</div>
  24. <div id="sub0" class="ocultar">
  25. <div>+ SubMenu0</div>
  26. </div>
  27.  
  28.  
  29. <div id="1" onclick="versubmenu(this.id)">MENU1</div>
  30. <div id="sub1" class="ocultar">
  31. <div>+ SubMenu0</div>
  32. </div>
  33.  
  34.  
  35. <div id="2" onclick="versubmenu(this.id)">MENU2</div>
  36. <div id="sub2" class="ocultar">
  37. <div>+ SubMenu0</div>
  38. </div>
  39.  
  40.  
  41. <div id="3" onclick="versubmenu(this.id)">MENU3</div>
  42. <div id="sub3" class="ocultar">
  43. <div>+ SubMenu0</div>
  44. </div>
  45.  
  46.  
  47. </body>
  48. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #5 (permalink)  
Antiguo 29/03/2010, 09:05
 
Fecha de Ingreso: marzo-2010
Mensajes: 11
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: No funciona Javascript en Firefox
[Quote = Adler; 3342861] Hola



Solo Tienes Que editarlo

A ver si es Este Menos lioso

Resalte [= "javascript"] <html>
<style type="text/css">
. Ocultar (display: none;)
. A & (display: block;)
</ Style>
type="text/javascript"> <script
visto_subm var = null;
versubmenu función (num) (
obj = document.getElementById ("sub" número +);
*obj.className = (obj == visto_subm)? 'Ocultar': 'Mostar;

****if (visto_subm! = null) (
********visto_subm.className = 'ocultar';
********
****)

visto_subm = (obj == visto_subm)? null: obj;
)
*</ Script>
<head>
</ Head>
<body>
id="0" <div onclick="versubmenu(this.id)"> MENU0 </ div>
<div id="sub0" class="ocultar">
<div> SubMenu0 + </ div>
</ Div>
*
*
id="1" <div onclick="versubmenu(this.id)"> menu1 </ div>
<div id="sub1" class="ocultar">
<div> SubMenu0 + </ div>
</ Div>
*
*
id="2" <div onclick="versubmenu(this.id)"> <menu2 / div>
<div id="sub2" class="ocultar">
<div> SubMenu0 + </ div>
</ Div>
*
*
id="3" <div onclick="versubmenu(this.id)"> <menu3 / div>
<div id="sub3" class="ocultar">
<div> SubMenu0 + </ div>
</ Div>

*
</ Body>
</ [Html> /] DESTACADO

Suerte [/ quote]


Tampoco me funciona bien, no se que hare mal, ¿no sabes que me falta en el que puse yo?
  #6 (permalink)  
Antiguo 29/03/2010, 13:10
Avatar de Adler
Colaborador
  
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: No funciona Javascript en Firefox
Hola

Cita:
Iniciado por aioras Ver Mensaje
Tampoco me funciona bien, no se que hare mal, ¿no sabes que me falta en el que puse yo?
¿A ver si ves las diferencias?

El que yo te dí

Código Javascript: 
Ver original
  1. <style type="text/css">
  2. .ocultar {display:none;}
  3. .mostrar {display:block;}
  4. </style>
  5. <script type="text/javascript">
  6. var visto_subm = null;
  7. function versubmenu(num) {
  8. obj = document.getElementById("sub"+num);
  9.  obj.className = (obj==visto_subm) ? 'ocultar' : 'mostar';
  10.  
  11.     if (visto_subm != null)  {
  12.         visto_subm.className = 'ocultar';
  13.         
  14.     }
  15.  
  16. visto_subm = (obj==visto_subm) ? null : obj;
  17. }
  18.  </script>

lo que tú haces

Código Javascript: 
Ver original
  1. <style type="text/css">
  2. . Ocultar (display: none;)
  3. . A & (display: block;)
  4. </ Style>
  5. type="text/javascript"> <script
  6. visto_subm var = null;
  7. versubmenu función (num) (
  8. obj = document.getElementById ("sub" número +);
  9. *obj.className = (obj == visto_subm)? 'Ocultar': 'Mostar;
  10.  
  11. ****if (visto_subm! = null) (
  12. ********visto_subm.className = 'ocultar';
  13. ********
  14. ****)
  15.  
  16. visto_subm = (obj == visto_subm)? null: obj;
  17. )
  18. *</ Script>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />

Etiquetas: firefox
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 14:14.