création d'iframe avec appel distant

**gael** · 13/03/2008, 03h13

Pour éviter de faire un appel inutile au serveur, avec ajax ou lien html brut, je voudrais ajouter dynamiquement une balise iframe , voici la partie du code executé pour la création de l'élément:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 if(divID=='satellitefeneu'){
       sf=document.createElement('iframe');
        sf.setAttribute('width','100%');
        sf.setAttribute('height','300');
        sf.setAttribute('frameborder','0');
        sf.setAttribute('scrolling','no');
        sf.setAttribute('marginheight','0');
        sf.setAttribute('marginwidth','0');
        sf.setAttribute('src','http://maps.google.fr/maps/ms?ie=UTF8&amp;
hl=fr&amp;msa=0&amp;ll=47.570088,-0.594345&amp;
spn=0.02559,0.023066&amp;t=h&amp;
msid=115355634060407923035.0004474bea41628d3cb06&amp;
output=embed&amp;s=AARTsJqXyHAwyb20h1rVHK02vKUPt0RoTw');
        s.appendChild(sf);
  }

Cela fonctionne sans problème pour d'autres balises locales , et meme pour celle-ci: la balise est crée, le problème est qu'à la place de la carte demandée à google, je recois:

{errorText:"Impossible de contacter le serveur"}

D'où vient le problème? N'est-il pas possible de construire des iframe distantes dynamiquement? Doivent-elles donc être nécessairement chargées au démarrage (ce qui me pose des problèmes de temps de chargement potentiellement inutiles)?

à tout ceux qui pourront m'aider... et aux autres qui auront pris la peine de lire mes soucis jusqu'à la fin et qui, j'en suis sûr, compatissent.

**SpaceFrog** · 13/03/2008, 09h08

A priori IE accepterait le src avant le append, mais Firefox est plus réticent...

Voici un code qui mets les deux sur la même longeur d'onde

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type='text/javascript'>
function foo(){
        sf=document.createElement('iframe');
        sf.id='mapframe'
        sf.style.width='100%';
        sf.style.height='300px';
        sf.style.border='0';
        sf.style.overflow='hidden';
        sf.style.margin='0';
        document.body.appendChild(sf);
        document.getElementById('mapframe').src="http://maps.google.fr/maps/ms?ie=UTF8&hl=fr&msa=0&ll=47.570088,-0.594345&spn=0.02559,0.023066&t=h&msid=115355634060407923035.0004474bea41628d3cb06&output=embed&s=AARTsJqXyHAwyb20h1rVHK02vKUPt0RoTw";
 
  }
 
 </script>
</head>
 
<body onload='foo()'>

C'est mimi chez toi

**gael** · 13/03/2008, 17h54

oui, c'est très joli ;-) mais moi j'habite en dessous d'un nuage et la portion de carte est de très mauvaise qualité...

sinon ca a l'air de fonctionner. Ce qui pose problème, c'est la fonction setAttribute: quandje fais :

sf.setAttribute('src','....'); ca marche pas

mais quand je fais:

sf.src='....'; ca marche.

C'est quoi la différence entre les deux?