Cambiar src de iframe con Javascript
Cambiar src de iframe con Javascript
Intento cambiarlo con javascript pero no me hace ni puñetero caso. En cambio en IE no tengo ningun problema.
Re: Cambiar src de iframe con Javascript
Espero que aun te sirva....
<script>
document.all.iframe1.src = "URL";
</script>
<iframe name="iframe1" scr="" width="100" height="100"></iframe>
Saludos
DTB

<script>
document.all.iframe1.src = "URL";
</script>
<iframe name="iframe1" scr="" width="100" height="100"></iframe>
Saludos
DTB
muy buena respuesta SOS
me parecio bastante dificil suponer q podria usar la funcion document ya que antes yo usaba widow.frame.location="url", no me funcionaba muy bien ya que todo navegador me encontraba errores menos Opera pero gracias de todas manera por la ayuda
- pascal
- Lagarto
- Mensajes: 496
- Registrado: Dom Ago 10, 2003 2:46 am
- Ubicación: Houilles (Francia)
- Contactar:
function changeIframeSrc(url) {
document.getElementById('cible').src=url;
}
<iframe id="cible" src="http://www.mozilla-europe.org/"></iframe>
document.getElementById('cible').src=url;
}
<iframe id="cible" src="http://www.mozilla-europe.org/"></iframe>
- pascal
- Lagarto
- Mensajes: 496
- Registrado: Dom Ago 10, 2003 2:46 am
- Ubicación: Houilles (Francia)
- Contactar:
Re: Cambiar src de iframe con Javascript
Document.all es una porqueriaSOS escribió:Espero que aun te sirva....![]()
document.all.iframe1.src = "URL";

Un problema similar se planteó con anterioridad en el foro:
Esto no funciona con firefox y en IE si funciona
Esto no funciona con firefox y en IE si funciona
Re: Cambiar src de iframe con Javascript
Buenas.
Veo que sabes bastante del tema..
tengo un problema con mi página y no encuentro manera de solucionarlo. He consutado foros de todo tipo y hago las pruebas correspondientes pero no sigue sin funcionar.
Tengo una página principal en PHP que tiene un iframe que apunta a google.es (lo he puesto como ejemplo) además tiene varios <a> que "en teoria" deberia de cambiar el src de dicho iframe.
No me funciona ni en firefox ni en IE6 (Es impresindible que funcione en este obsoleto navegador). El código de la página es el siguiente:
-------------------------------------------------------------------------------------
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf -8" />
<link rel="stylesheet" type="text/css" href="estilos.css" title="default">
<script language="text/javascript">
function changeiframe(destino)
{
document.frames.contenido.location='facebook.com';
document.getElementById('contenido').src=destino;
}
</script>
<title>Juanm!...</title>
</head>
<body onload="document.getElementById('contenido').src='facebook.com';>
<div id="container">
<div id="header">
<h1>Juanm!: Page # 1</h1>
<h2>Layout...</h2>
</div>
<div id="sidebar">
<h3>Barra lateral</h3>
<ul>
<li><a href="javascript:changeiframe('http://www.google.es')" title="Google">GOOGLE</a></li>
<li><a href="javascript:changeiframe('http://www.facebook.es')" title="Facebook">FACEBOOK</a></li>
<li><a href="javascript:changeiframe('http://www.hotmail.es')" title="Hotmail">HOTMAIL</a></li>
<li><a href="javascript:changeiframe('http://www.gmail.es')" title="Gmail">GMAIL</a></li>
</ul>
</div>
<div id="main">
<iframe id="contenido" width="600" height="400" marginwidth="0" scrolling="no" frameborder="0"></iframe>
<h3>esto es el main</h3>
<p>esto debe aparecer a la derecha</p>
</div>
<div id="footer" >
<p>Pie de pagina </p>
</div>
</div>
</body>
</html>
--------------------------------
Espero que me podais echar una mano.
Saludo cordiales.
Veo que sabes bastante del tema..
tengo un problema con mi página y no encuentro manera de solucionarlo. He consutado foros de todo tipo y hago las pruebas correspondientes pero no sigue sin funcionar.
Tengo una página principal en PHP que tiene un iframe que apunta a google.es (lo he puesto como ejemplo) además tiene varios <a> que "en teoria" deberia de cambiar el src de dicho iframe.
No me funciona ni en firefox ni en IE6 (Es impresindible que funcione en este obsoleto navegador). El código de la página es el siguiente:
-------------------------------------------------------------------------------------
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf -8" />
<link rel="stylesheet" type="text/css" href="estilos.css" title="default">
<script language="text/javascript">
function changeiframe(destino)
{
document.frames.contenido.location='facebook.com';
document.getElementById('contenido').src=destino;
}
</script>
<title>Juanm!...</title>
</head>
<body onload="document.getElementById('contenido').src='facebook.com';>
<div id="container">
<div id="header">
<h1>Juanm!: Page # 1</h1>
<h2>Layout...</h2>
</div>
<div id="sidebar">
<h3>Barra lateral</h3>
<ul>
<li><a href="javascript:changeiframe('http://www.google.es')" title="Google">GOOGLE</a></li>
<li><a href="javascript:changeiframe('http://www.facebook.es')" title="Facebook">FACEBOOK</a></li>
<li><a href="javascript:changeiframe('http://www.hotmail.es')" title="Hotmail">HOTMAIL</a></li>
<li><a href="javascript:changeiframe('http://www.gmail.es')" title="Gmail">GMAIL</a></li>
</ul>
</div>
<div id="main">
<iframe id="contenido" width="600" height="400" marginwidth="0" scrolling="no" frameborder="0"></iframe>
<h3>esto es el main</h3>
<p>esto debe aparecer a la derecha</p>
</div>
<div id="footer" >
<p>Pie de pagina </p>
</div>
</div>
</body>
</html>
--------------------------------
Espero que me podais echar una mano.
Saludo cordiales.