Estancado con cambiar contenido src de un iframe para firefox

Ataliano · #1 (**permalink**) 23/05/2011, 08:22

Hola gente,

Ya se que hay información de esto, pero creedme, he buscado en todos sitios, he mirado posts de aquí mismo y nada, sigo sin comprender como hacer lo que yo quiero, que intuyo es muy fácil, pero no hay manera de que me salga (entre otras porque en Javascript soy bastante novato, igual que en PHP).

Os comento el caso:

Tengo una web de una ciudad, para un proyecto, hay un apartado que se llama lugares, dónde pretendo poner links con los principales puntos de interés. Para ello, mediante maps.google.es he creado mi mapa con mis marcadores y descripciones, etc...

En la página, tengo colocado dentro de un div de 800px x 800px un iframe de google maps:

Código:

<iframe id="gmaps" width="800" height="800" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps/ms?ie=UTF8&amp;hl=es&amp;msa=0&amp;msid=216989471500725243862.0004a3ecb44b6aeef1100&amp;ll=41.727015,-71.436431&amp;spn=0.012812,0.017145&amp;z=16&amp;iwloc=0004a3ecbc468519d7cdb&amp;output=embed"></iframe>

Entonces, tengo varios links en esa misma página y me gustaría, que al hacer click en el link, substituya el "src" del iFrame por el que corresponda a la nueva ubicación (de manera que al marcar uno u otro link, muestre un u otro marcador).

he leído sobre modiframes, document window... etc... pero leo que algunos funcionan en IE sólo, otros dicen que no se hace así, pero ninguna respuesta concreta...

¿Alguna sugeréncia? Gracias de antemano

Hugo_Euan · #2 (**permalink**) 23/05/2011, 15:52

Podrias por ejemplo hacer esto....

Código HTML:

Ver original<html>
<head>
<title>prueba</title>
<script>
    function REPLACE_IFRAME(val){
        var MyContainer = document.getElementById('Container');
        var MyIframe = '<iframe id="gmaps" width="800" height="800" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'+val+'"></iframe>'
        MyContainer.innerHTML=MyIframe;
    }
</script>
</head>
<body>
<div id="Container">
      Aqu&iacute; se cargar&aacute; el contenido.
</div>
 
<input type="button" value="Clickeame !!!" onClick='REPLACE_IFRAME("http://maps.google.es/maps/ms?ie=UTF8&amp;hl=es&amp;msa=0&amp;msid=216989471500725243862.0004a3ecb44b6aeef1100&amp;ll=41.727015,-71.436431&amp;spn=0.012812,0.017145&amp;z=16&amp;iwloc=0004a3ecbc468519d7cdb&amp;output=embed");' />
</body>
</html>

La funcion REPLACE_IFRAME recibe un parametro el cual es el SRC de tu mapa, de esa manera puedes cambiar el SRC del iframe cuando quieras y cuantas veces quieras. si te fijas yo se lo mande mediante el evento onClick, te recomiendo usar botones en vez de liks...

Fijate que es importante que tu div deve tener un id llamado Containers, si lo cambias, tambien tendras que cambiarlo en la función var MyContainer = document.getElementById('Container'); si no te marcará error.

Espero que te sirva =D cualquier cosa comentas
y no te olvides de darme karmitaa si te siervió, es para no perder mi autoestimaaa..
ajajajaja.

EXITO !!!