Script no funciona en Firefox

[topo_bionico]

Hola gente, antes que nada este es mi primer tema y agradezco de antemano toda la ayuda que me brinden.

Tengo una aplicación en PHP-MySQL y uso javascript (Framework jQuery) para mejorar la experiencia del usuario (Como todos los desarrolladores )

Doy un ejemplo, tengo oculto dos divs con id "fechaAnt" y "fechaProx" respectivamente y uso jquery y el plugin SimpleModal para generar pseudo-popups modales. Funciona en IE y Chrome, y en Firefox tira el siguiente error.

El error:

Código HTML:

[09:55:49.422] sesionProx is not defined @ javascript:ventanaModal(fechaProx);:1

Yendo por el principio, incorporación de los scripts en la web.

Código HTML:

 <script type="text/javascript" src="js/scripts.js"></script>
  <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
  <script type="text/javascript" src="js/jquery.simplemodal.1.4.2.min.js"></script> 

En el archivo "scripts.js" tengo declarada la función para mostrar los divs

Código HTML:

function ventanaModal(div){
   $(div).modal({onOpen: function (dialog) {
            dialog.overlay.fadeIn(300, function () {
                    dialog.data.hide();
                    dialog.container.slideDown(300, function () {
                            dialog.data.slideDown(0);
                    });
            });
    }}); 
}

En el código HTML los llamo de la siguiente manera:

Código HTML:

<a href="javascript:ventanaModal(fechaProx);"><img src="iconos/calendar_next.png"></a> 

Basicamente es pasar el nombre del div y reutilizar el código

Código completo:

Código HTML:

<a href="javascript:ventanaModal(fechaProx);"><img src="iconos/calendar_next.png"></a>
        <div id="fechaProx" style="display:none">
            <h3>Próximas Fechas</h3>
            <ul>
		<li><h4>13-07-2012</h4></li><br/>
	    </ul>    
        </div> 

Hasta acá es el codigo que tiene la web. Ahora detallo las pruebas y cambios que hice para hacerlo funcionar, de más esta decir que fue en vano


1º- Coloque directamente el ID en vez de pasarlo por variable, y sigue igual.

Código HTML:

$("#fechaProx").modal({onOpen: function (dialog) {...

2º- En vez de invocarlo por link, lo hice con un boton y nada...

Código HTML:

<input type="button" value="Anteriores" onclick="ventanaModal(fechaProx)"> 

Alguna sugerencia?

Gracias!

[Pablo Ayala]

En la cosola de errores de Firefox te muestra algun error?
Has probado poner esta linea:
<script type="text/javascript" src="js/scripts.js"></script>

Después de llamar a jquery y a simple.modal?

[topo_bionico]

Iniciado por Pablo Ayala

En la cosola de errores de Firefox te muestra algun error?
Has probado poner esta linea:
<script type="text/javascript" src="js/scripts.js"></script>

Después de llamar a jquery y a simple.modal?

Hola Pablo, fijate que el error esta en el post. Es el primer bloque de código.

Código HTML:

[09:55:49.422] sesionProx is not defined @ javascript:ventanaModal(fechaProx);:1

Y no entendí esta parte: <script type="text/javascript" src="js/scripts.js"></script>

Eso ya esta en el head.

Saludos

[Pablo Ayala]

jhejej cierto, no vi el error...

y me referia a poner esa linea, despues de que llames a jquery y a simple modal...

Si me explico?

En lugar de:

Código HTML:

<script type="text/javascript" src="js/scripts.js"></script>
  <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
  <script type="text/javascript" src="js/jquery.simplemodal.1.4.2.min.js"></script>
 

Que sea:

Código HTML:

<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
  <script type="text/javascript" src="js/jquery.simplemodal.1.4.2.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
 

saludos

[Pablo Ayala]

Por otro lado el error dice:

[09:55:49.422] sesionProx is not defined @ javascript:ventanaModal(fechaProx);:1


usas alguna variable "sesionProx"???
Pareciera que no esta definida....

saludos

[topo_bionico]

Iniciado por Pablo Ayala

Por otro lado el error dice:

[09:55:49.422] sesionProx is not defined @ javascript:ventanaModal(fechaProx);:1


usas alguna variable "sesionProx"???
Pareciera que no esta definida....

saludos

Si, este es el código; había cambiado el nombre de las variables para que no se confunda con la sesión del usuario.

Código HTML:

<a href="javascript:ventanaModal(sesionProx);"> 

Código HTML:

<div id="sesionProx" style="display:none"> 

[topo_bionico]

Iniciado por Pablo Ayala

y me referia a poner esa linea, despues de que llames a jquery y a simple modal...

Si, eso lo probe y nada; igualmente no debería dar problemas porque los script se ejecutan una vez cargada la web y no durante la carga.

[Pablo Ayala]

Mmmm y en que momento defines el valor de esa variable?
"sesionProx"

[topo_bionico]

Iniciado por Pablo Ayala

Mmmm y en que momento defines el valor de esa variable?
"sesionProx"

No es una variable, es el id de un div que pasa como parámetro a una función en jQuery para simular un pop-up modal.

En Chrome e IE funciona correctamente; en Firefox da error

[Pablo Ayala]

Entonces deberia ir asi:

<a href="javascript:ventanaModal('sesionProx');">

Con comillas...

pruebale...

[topo_bionico]

Iniciado por Pablo Ayala

Entonces deberia ir asi:

<a href="javascript:ventanaModal('sesionProx');">

Con comillas...

pruebale...

Hola pablo, eso ya lo había probado.


Esto es lo que debe mostrar.
En Chrome e IE funciona con javascript:ventanaModal(sesionProx)

Código HTML:

<a href="javascript:ventanaModal(sesionProx);"><img src="iconos/calendar_next.png"></a> 

Y en Firefox da error.

Código HTML:

[09:55:49.422] sesionProx is not defined @ javascript:ventanaModal(fechaProx);:1

Y poniendo comillas simples. Ejecuta el script pero no funciona en ningun navegador

Código HTML:

<a href="javascript:ventanaModal('sesionProx');"><img src="iconos/calendar_next.png"></a> 

Tambien probe creando las variables y setear los valores, pero tampoco funciona

Código HTML:

<script type="text/javascript">
    sesionProx="sesionProx";
    sesionAnt="sesionAnt";
</script>