Hoy me paso por aqui para pediros ayuda para hacer un "hola mundo" con nyroModal. Esta utilidad de jQuery deberia ser muy facil de utilizar, pero llevo un par de horas con ello y no doy con el problema. Seguro que de un vistazo me podeis ayudar.
Os explico lo que he hecho.
He creado la siguiente estructura de archivos:
/img => Directorio con las imagenes que vienen en el download de nyroModal
/js => Todos los js de nyromodal + jquery 1.10.2
/css => los estilos que vienen con nyromodal
nyromodal.html => archivo html principal, desde donde se ejecuta todo.
hello.html => archivo html que se debe cargar dentro, cuando ejecuto "nyromodal.html"
Todos los archivos, menos los html, los he bajado de "download zip" en https://github.com/nyroDev/nyroModal/
De los html, el unico que interesa mostrar es "nyromodal.html", ya que "hello.html" no tiene nada mas que un h1
Código PHP:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/nyroModal.css" media="all" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.nyroModal.js"></script>
<script type="text/javascript">
//<![CDATA[
$().ready(function() {
/*
$('.nyroModal').nyroModal({
callbacks: {
afterShowCont: function(nm) {
alert('Handled!');
}
}
});
/**/
$.nmManual('hello.html', {modal: true});
/*
//$('a').nyroModal();
$.nmData('<h1>Contenido</h1> eeeeeeeeeeeeeeeooooooooooooooooo',
{
sizes: { // Size information
initW: 20, // Initial width
initH: 20, // Initial height
w: 500, // width
h: 400, // height
minW: 300, // minimum width
minH: 220, // minimum height
}
});
/*
$.nmManual('hello.html',
{
sizes: { // Size information
initW: 20, // Initial width
initH: 20, // Initial height
w: 500, // width
h: 400, // height
minW: 300, // minimum width
minH: 220, // minimum height
}
});
/**/
});
//]]>
</script></head>
<body>
<a class="nyroModal" href="hello.html" >Enlace</a>
<a class="nyroModal" href="javascript:void%200" >Enlace 2</a>
</body>
</html>
Muchas gracias por su ayuda