Como cerrar Fancy BOx.

[DaronWolff]

Hola que tal.
Estoy seguro que la mayoria de ustedes conoce la maravillosa libreria llamada fancybox de Jquery.

Sin embargo tengo una duda al utilizar esta libreria con iframe que apunta a otro html. Como puedo ingresar en este otro html (el que se muestra en el fancy box) un link que diga algo similar a Cerrar esta ventana o algo similar.
En la pagina Oficial muestran este código $.fn.fancybox.close()
Como le hago para ejecutarlo? Ya he tratado con un <a onclick="$.fn.fancybox.close()">Cerrar </a>


En verdad seria de gran ayuda sus comentarios

[JavierB]

Hola DaronWolff

Muevo tu mensaje al foro de Frameworks desde Javascript

Saludos,

[DaronWolff]

Ok. Donde es eso?

[DaronWolff]

Bueno pues me respondo a mi mismo.

Para cerrar el un frame abierto con la fabulosa libreria fancy box es necesario realizar lo siguiente

Poner un Link como este
<a onclick="cierra();"> Cerrar</a></p>

y tener una funcion en Javascript
<script>
function cierra()
{
parent.$.fn.fancybox.close();
}
</script>

De igual manera quiero comentar que si queremos que el Iframe nos redireccione a otra página usamos el siguiente código
<a href="index.php" target="_parent">Cerrar</a>

Saludos espero que les sirva de mucho.

[mayid]

Algo mas: la sintaxis completa y correcta es utilizando el atributo href para los links:

<a onclick="cierra();"> Cerrar</a></p>

<a href="#" onclick="cierra();"> Cerrar</a></p>

Y entonces, para que se ejecute el evento onClick y no el link, se utiliza "return false":

function cierra()
{
parent.$.fn.fancybox.close();
return false
}

[airkoko]

Perdonad, he puesto ese codigo javascript en el head y los enlaces en el body de la pagina que se abre en el iframe, pero no se cierra el iframe al clickar encima. ¿Por qué puede pasar esto?

[airkoko]

Iniciado por airkoko

Perdonad, he puesto ese codigo javascript en el head y los enlaces en el body de la pagina que se abre en el iframe, pero no se cierra el iframe al clickar encima. ¿Por qué puede pasar esto?

Yo mismo me respondo. Al final la funcion que tenia que poner dentro era:

cierra(){
parent.jQuery.fancybox.close();
return false;
}