Cerrar Fancybox y redireccionar

Question

Hola!!

Tengo una ventana Fancybox donde cargo un iframe y se muestran varios enlaces. Lo que quiero es que al pulsar sobre uno de esos enlaces se cierre la ventana y redireccione a la dirección del enlace. Consigo que el enlace cierre la ventana usando "parent.$.fancybox.close();", pero no consigo que redireccione a ninguna página. He probado usando la opción "onClosed" y redireccionando con JavaScript, pero el problema es que no sé cómo decirle a la función que hay en "onClosed" a qué página debe de redireccionar, ya que según sea el enlace elegido en el iframe irá a una u otra página. Finalmente lo que he hecho ha sido usar un "href" con "target='_parent'" en el iframe para que redireccione direcctamente, pero esto hace que la ventana fancybox se cierre de forma repentina perdiendo el efecto de desvanecimiento. ¿Alguna idea de cómo podría hacerlo?

Gracias por la ayuda!!

Answer 1

Con el target='_parent' funciona bien, si no te gusta que se cargue la web directamente puedes probar escribiendo una función en la página padre, algo como esto:


function cerrarFancyboxYRedirigeAUrl(url){
    $.fancybox.close();
    window.location = url;
}

Luego en el código del iFrame, puedes poner esto:

<pre>

<code><a onclick=&quot;parent.cerrarFancyboxYRedirigeAUrl(&#039;http://www.google.com/&#039;);&quot;>Cierra y abre Google</a></code>

Answer 2

Hola!!

Muchas gracias. Era justo lo que necesitaba. No sabía cómo llamara desde el iFrame a la función de la página padre.

Gracias!! :D