Foros del Web » Programando para Internet » Javascript » Frameworks JS »

"Hola Mundo" con nyroModal

Estas en el tema de "Hola Mundo" con nyroModal en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/01/2014, 14:00
 
Fecha de Ingreso: abril-2007
Mensajes: 2
Antigüedad: 17 años, 7 meses
Puntos: 0
"Hola Mundo" con nyroModal

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

Etiquetas: ejemplo, javascript, jquery, mundo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:46.