Usar iframe como link (pregunta de noob)

Iniciado por GeorgArming, 3 Junio 2012, 00:30 AM

0 Miembros y 5 Visitantes están viendo este tema.


‭lipman

No veo otra solución, tendrías que hacer lo que dice dimitrix. Si, es un poco guarro, pero qué le vamos a hacer xD podrás controlar el iframe de esa manera.

dimitrix

CitarEstoy creando un sistema operativo que tiene toda la interfaz en tecnlogías web, así como las apps. Lo del iframe es porque cada icono de app es en realidad una especie de widget.

Eso es extramadamente 'cutre'. Usa Ajax o JS, será mucho mejor.

Yo tengo un dicho, si no se hacer algo bien, lo estudio antes de hacerlo mal :S




WarGhost

Cita de: dimitrix en  4 Junio 2012, 00:29 AM
Eso es extramadamente 'cutre'. Usa Ajax o JS, será mucho mejor.

Yo tengo un dicho, si no se hacer algo bien, lo estudio antes de hacerlo mal :S

+1! xD
¿Qué culpa tengo yo de tener la sangre roja y el corazón a la izquierda?

GeorgArming

Cita de: dimitrix en  4 Junio 2012, 00:29 AM
Eso es extramadamente 'cutre'. Usa Ajax o JS, será mucho mejor.

Yo tengo un dicho, si no se hacer algo bien, lo estudio antes de hacerlo mal :S

Pero es cuando haga la versión definitiva ya haré eso, lo quería hacer para hacer una prueba que necesito, antes de ponerme con JS.

WHK

Código (html4strict) [Seleccionar]
<iframe src="http://www.google.cl/" onclick="document.location='http://www.google.cl/';"></iframe>

GeorgArming

Cita de: WHK en  4 Junio 2012, 16:14 PM
Código (html4strict) [Seleccionar]
<iframe src="http://www.google.cl/" onclick="document.location='http://www.google.cl/';"></iframe>

Sólo funciona pulsando el borde.

WarGhost

Claro por que cuando pinchas dentro del iframe es como si fuera otra pagina completamente distinta.
Solo te queda la opción que te dijo dimitrix , una capa invisible.

Salu2
¿Qué culpa tengo yo de tener la sangre roja y el corazón a la izquierda?

GeorgArming

Ok, gracias a todos. A ver si consigo lo de poner una capa invisible.

WHK

Código (html4strict) [Seleccionar]
<div style="position: relative; width: 400px; height: 300px; border: 1px solid black;">
    <iframe style="width: 100%; height: 100%; border: 0px; overflow: hidden;" src="http://www.yahoo.com/"></iframe>
    <div style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer;" onclick="document.location='http://www.yahoo.com/';"></div>
</div>


Así?
http://jsfiddle.net/shsmp/