SoloCodigo

Programación Web y Scripting => JavaScript => Mensaje iniciado por: EGunther en Martes 5 de Febrero de 2008, 13:48

Título: Sintaxis Javascript En Firefox
Publicado por: EGunther en Martes 5 de Febrero de 2008, 13:48

Estimados ya no se que hacer ni cual es el problema. al parecer mi sintaxis no es soportada por firefox o algo esta mal en mi codigo. Esto es un script que corre en una master.page, estoy desarrollando una aplicacion con csharp, pero estoy estancado con la sintaxis de javascript en firefox, he leido y buscado que lo correcto en firefox es usar:

window.document.getElementById('tab_about').style.height = 0;

Pero creo que algo estoy haciendo mal. Por favor me podrian ayudar y darme una mano?


function(s, e) {

var browserName=navigator.appName;
if (browserName=='Microsoft Internet Explorer')
{
alto_menu = GetHeight(window.document.getElementById('ctl00_ASPxNavBar1'));
alto_tdmenu = GetHeight(window.document.getElementById('td_menu'));

a1 = GetHeight(window.document.getElementById('ctl00_ASPxNavBar1_GHC0'));
a2 = GetHeight(window.document.getElementById('ctl00_ASPxNavBar1_GHC1'));
a3 = GetHeight(window.document.getElementById('ctl00_ASPxNavBar1_GHC2'));
a4 = GetHeight(window.document.getElementById('ctl00_ASPxNavBar1_GHC4'));
a5 = GetHeight(window.document.getElementById('ctl00_ASPxNavBar1_GHC5'));

window.document.getElementById('div_sir').style.height = 0;
window.document.getElementById('div_sgi').style.height = 0;
window.document.getElementById('div_sic').style.height = 0;
window.document.getElementById('div_rsf').style.height = 0;
window.document.getElementById('div_adm').style.height = 0;
window.document.getElementById('tab_about').style.height = 0;

window.document.getElementById('div_sir').style.height = alto_tdmenu - 160;
window.document.getElementById('div_sgi').style.height = alto_tdmenu - 160;
window.document.getElementById('div_sic').style.height = alto_tdmenu - 160;
window.document.getElementById('div_rsf').style.height = alto_tdmenu - 160;
window.document.getElementById('div_adm').style.height = alto_tdmenu - 160;
window.document.getElementById('tab_about').style.height = alto_tdmenu - 160;

window.document.getElementById('div_sir').style.width = 205;
window.document.getElementById('div_sgi').style.width = 205;
window.document.getElementById('div_sic').style.width = 205;
window.document.getElementById('div_rsf').style.width = 205;
window.document.getElementById('div_adm').style.width = 205;
window.document.getElementById('tab_about').style.width= 205;
}
else
{
alto_menu = GetHeight(window.document.getElementById('ctl00_ASPxNavBar1'));
alto_tdmenu = GetHeight(window.document.getElementById('td_menu'));

a1 = GetHeight(window.document.getElementById('ctl00_ASPxNavBar1_GHC0'));
a2 = GetHeight(window.document.getElementById('ctl00_ASPxNavBar1_GHC1'));
a3 = GetHeight(window.document.getElementById('ctl00_ASPxNavBar1_GHC2'));
a4 = GetHeight(window.document.getElementById('ctl00_ASPxNavBar1_GHC4'));
a5 = GetHeight(window.document.getElementById('ctl00_ASPxNavBar1_GHC5'));

window.document.getElementById('div_sir').style.height = 0;
window.document.getElementById('div_sgi').style.height = 0;
window.document.getElementById('div_sic').style.height = 0;
window.document.getElementById('div_rsf').style.height = 0;
window.document.getElementById('div_adm').style.height = 0;
window.document.getElementById('tab_about').style.height = 0;

window.document.getElementById('div_sir').style.height = alto_tdmenu - 160;
window.document.getElementById('div_sgi').style.height = alto_tdmenu - 160;
window.document.getElementById('div_sic').style.height = alto_tdmenu - 160;
window.document.getElementById('div_rsf').style.height = alto_tdmenu - 160;
window.document.getElementById('div_adm').style.height = alto_tdmenu - 160;
window.document.getElementById('tab_about').style.height = alto_tdmenu - 160;

window.document.getElementById('div_sir').style.width = 205;
window.document.getElementById('div_sgi').style.width = 205;
window.document.getElementById('div_sic').style.width = 205;
window.document.getElementById('div_rsf').style.width = 205;
window.document.getElementById('div_adm').style.width = 205;
window.document.getElementById('tab_about').style.width = 205;
}

Se supone que dentro del else estaria la condicion de firefox u otro navegador, se que estoy generalizando mucho pero quiero probar con firefox, finalmente deje igual ambos casos tanto para Iexplorer como para firefox para que me puedan ayudar que cambiar, para IExplorer funciona perfecto.

Esto es parte de un control de menu vertical que se expande. El cual tiene 6 secciones "div_sir", "div_sgi", "div_sic","div_rsf","div_adm","tab_about"

Les agradezco de antemano por vuestro tiempo!

Título: Re: Sintaxis Javascript En Firefox
Publicado por: arielb en Jueves 7 de Febrero de 2008, 01:48

hola, por un si acaso ya revisaste que esté activo la opción de javascrit revisa en los menús
Herramientas/opciones/Contenido/Activar Javascript

Título: Re: Sintaxis Javascript En Firefox
Publicado por: lencho en Sábado 9 de Febrero de 2008, 20:46

creo que este post deberia estar en el foro de JavaScript.

movido !!!.


BYTE.

Título: Re: Sintaxis Javascript En Firefox
Publicado por: Altareum en Lunes 11 de Febrero de 2008, 13:09

Intenta con:

window.document.getElementById('tab_about').style.height = "0px";

Y dos cosas.. primero es C#, sharp, es una marca de electrodomésticos  :P ...

Y por otro lado, intenta, interiorizarte un poco más. Tanto Mozilla (y obvio, Firefox) como Opera, cumplen todos los estándares de la W3C, y a su vez tienen cosas de más (nunca de menos). Si en IE funciona, no es porque sea maravilloso, sino, porque hace lo que quiere.

Si te fijas en la página de la W3C, todo valor, debe tener una cifra entera o decimal, seguida de la unidad:
The format of a length value (denoted by <length> in this specification) is a <number> (with or without a decimal point) immediately followed by a unit identifier (e.g., px, em, etc.). After a zero length, the unit identifier is optional.

Eso significa, que lo que estás haciendo, puede funcionar, segú la permisividad del navegador, pero no tiene porque funcionar en todos los navegadores.


Altareum.

Título: Re: Sintaxis Javascript En Firefox
Publicado por: EGunther en Lunes 11 de Febrero de 2008, 13:23

Estimado, justamente el viernes hice eso que me estas apuntando de especificar en comillas y con la unidad px  y me funcionó. Agradezco mucho tu preocupación ya que si no lo hubiese logrado el viernes hoy con tu respuesta iba a estar igualmente solucionado.

Título: Re: Sintaxis Javascript En Firefox
Publicado por: Ivanzinho en Martes 12 de Febrero de 2008, 17:40

Disculpen, lo que pasa es que yo tengo un codigo Javascript que me funciona en Firefox, pero en Internet Explorer 6 funciona mal, es muy sencillo, es un menú desplegable que estoy haciendo, el codigo es este:

Código: Text

1.  
2. &#60;html&#62;
3.  
4.  
5. &#60;!--estilos CSS--&#62;
6. &#60;style type=&#34;text/css&#34;&#62;
7. .submenu{visibility:hidden; position:absolute; border:solid; border-width:1px; border-color:black;}
8. .menu{border:solid; border-width:1px; border-color:black;}
9. body{font-family:Verdana; font-size:12px; cursor:default; color:#0033FF}
10. &#60;/style&#62;
11.  
12.  
13. &#60;!--Scripts en Javascript--&#62;
14. &#60;script language=&#34;javascript&#34;&#62;
15. function muestra(submenu,interruptor){
16. objeto = document.all(submenu)
17. if(interruptor&#62;0)
18. objeto.style.visibility = 'visible';
19. else
20. objeto.style.visibility = 'hidden';
21. }
22. chello = 'ivan';
23. &#60;/script&#62;
24. &#60;body&#62;
25.  
26.  
27. &#60;!--este es el menú--&#62;
28. &#60;table class=&#34;menu&#34; onMouseOver=&#34;muestra(chello,1)&#34; onmouseout=&#34;muestra(chello,0)&#34;&#62;&#60;tr&#62;&#60;td&#62;Pase por encima de esto&#60;/td&#62;&#60;/tr&#62;&#60;/table&#62;
29.  
30.  
31. &#60;!--este es el submenú--&#62;
32. &#60;table id=&#34;ivan&#34; class=&#34;submenu&#34; onMouseOver=&#34;muestra(this.id,1)&#34; onMouseOut=&#34;muestra(this.id,0)&#34; style=&#34;LEFT: 13px; TOP: 33px&#34;&#62;
33.   &#60;tr&#62;
34.     &#60;td height=&#34;23&#34;&#62;Lo que hay que mostrar&#60;/td&#62;
35.   &#60;/tr&#62;
36. &#60;/table&#62;
37. &#60;/body&#62;
38. &#60;/html&#62;
39.  
40.  

Pero pues el menú se corre en el Internet Explorer 6, ahora bien, estoy intentando que cuando se despliegue el submenú, y el mouse este fuera del area, el menú se oculte a los 1000ms, pero no lo hace nunca con un setTimeout(), ¿alguien me quiere colaborar con esto por favor?

Muchas gracias!! :D