MozillaES.org
«La comunidad de Mozilla en español»

Cambiar src de iframe con Javascript

Publicar una respuesta


This question is a means of preventing automated form submissions by spambots.
Emoticonos
:-) ;) :rolls eyes: :-/ :-( =-O :-D :-* :-P :-[ :-! 8-) :bitchin:
Ver más emoticonos
BBCode está habilitado
[img] está habilitado
[flash] está deshabilitado
[url] está habilitado
Emoticonos están habilitados
Revisión de tema
   

Expandir vista Revisión de tema: Cambiar src de iframe con Javascript

Re: Cambiar src de iframe con Javascript

Nota por juacho » Mié Feb 10, 2010 10:50 am

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.

Nota por Nukeador » Sab Abr 14, 2007 9:26 pm

Un problema similar se planteó con anterioridad en el foro:

Esto no funciona con firefox y en IE si funciona

Re: Cambiar src de iframe con Javascript

Nota por pascal » Sab Abr 14, 2007 9:11 pm

SOS escribió:Espero que aun te sirva.... :-)
document.all.iframe1.src = "URL";


Document.all es una porqueria :)

Nota por pascal » Sab Abr 14, 2007 9:09 pm

function changeIframeSrc(url) {
document.getElementById('cible').src=url;
}



<iframe id="cible" src="http://www.mozilla-europe.org/"></iframe>

muy buena respuesta SOS

Nota por anonimo » Vie Abr 13, 2007 7:24 pm

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

Re: Cambiar src de iframe con Javascript

Nota por SOS » Vie Ago 04, 2006 3:30 pm

Espero que aun te sirva.... :-)

<script>
document.all.iframe1.src = "URL";
</script>

<iframe name="iframe1" scr="" width="100" height="100"></iframe>

Saludos
DTB

Cambiar src de iframe con Javascript

Nota por Invitado2006 » Vie Abr 21, 2006 6:45 pm

Intento cambiarlo con javascript pero no me hace ni puñetero caso. En cambio en IE no tengo ningun problema.

Arriba