Como sabes mediante los IFrames son marcos parecidos a los Frames, pero con la enorme ventaja de poder colocarlos en cualquier parte de tu página !incluso dentro de una tabla! Y lo que es mejor: puedes cambiar su contenido de forma dinámica. La pregunta es evidente ¿Como cambiar lo que se muestra dentro del IFrame?
document.frames.nombre.location = url
donde nombre es el id del iframe y url es la página que quieres mostrar en él.
Un caso práctico
<html>
<head>
<title>IFrames dinámicos</title>
<script language="javascript">
function modiframe(destino)
{
document.frames.marco.location=destino
}
</script>
</head>
<body>
<a href="javascript:modiframe('adios.htm')">Cambiar Iframe</a>
<p></p>
<iframe id="marco" width="300" height="400" src="hola.htm">
Este es el IFrame
</iframe>
</body>
</html>
Verás una página con un link que pone Cambiar Iframe y más abajo un marco iFrame con el contenido de la página hola.htm, al pulsar sobre el enlace este contenido cambiará al de la página adios.htm . Más fácil imposible, ¿verdad?
No hay comentarios:
Publicar un comentario