Hola amigos del foro!
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>
Como veis he hecho mas de una prueba. Si alguien desea probarlo en su maquina, les dejo los archivos en un zip, en wetransfer para que puedan descargarlo http://we.tl/wMr94bIHWP
Muchas gracias por su ayuda