2012-06-26 109 views
31

¡Necesito ayuda con un problema simple! que tiene los siguientes criterios:Cambiar la url primaria del iframe

1) haga clic en el enlace de imágenes en iframe cambia página principal, haga clic en otro enlace de imagen iframe cambia Parent a otra página (ver más abajo).

Puede sonar simple, pero estoy en Google desde hace días y revisé muchos foros. Código puede estar en css html o js, ​​pero por favor, tenga alguna respuesta más simple posible y publicar un ejemplo de trabajo completo para trabajar como soy nuevo en la codificación o recodificar el sitio de prueba: http://www.howiepotter.com/parent.html

enter image description here

+0

puede usted por favor enviar el código que está utilizando actualmente, en Además del enlace que brindó? – jackwanders

+0

Debe nombrar el padre y usar el atributo 'target'. También dedique algo de tiempo a leer la documentación. O incluso solo buscando en Google. – Ben

+1

posible duplicado de [¿Cómo cambio la URL del marco "principal"?] (Http://stackoverflow.com/questions/4361479/how-do-i-change-the-url-of-the-parent- marco) – Ben

Respuesta

28

Cambio su enlace de esta:

<a href="link-here.html"> 

a esto:

<a href="#" onclick="top.window.location.href='yourURL';"> 

Si lo desea, puede simplemente poner elmaneje la imagen en su lugar y deshágase del anclaje.

Tenga en cuenta que este no es el lugar correcto para tener javascript (los controladores deben estar vinculados desde un archivo .js, no en marcado), pero tengo la sensación de que está buscando una respuesta quirúrgica y no me importa mucho mejores prácticas.

editar: como señaló Victor Nicollet, esto generará una excepción de seguridad si su iframe y página principal no comparten dominios. ver http://en.wikipedia.org/wiki/Same_origin_policy

+6

Esto. Además, tenga en cuenta que el marco y la página que contiene el marco deben provenir del mismo dominio para que esto funcione. –

50

http://reference.sitepoint.com/html/a/target

"_top"

cargas contenidos en el conjunto de marcos de nivel superior (de hecho, toda la ventana del navegador ), no importa cuántos niveles anidados abajo del cuadro actual es encuentra

<a href="page" target="_top">Replace parent url!</a> 
+4

mientras que la pregunta era para JS, esto es MUCHO más fácil para mis necesidades actuales. –

+2

incluso podría usar target = "_ parent" – niravpatel9898

+0

¿Qué pasa si eliminé esta respuesta mía? – biziclop

Cuestiones relacionadas