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!
