création d'iframe avec appel distant

Version imprimable

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:

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& hl=fr&msa=0&ll=47.570088,-0.594345& spn=0.02559,0.023066&t=h& msid=115355634060407923035.0004474bea41628d3cb06& output=embed&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:

Citation:

{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)?

:merci: à 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.

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:

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 :mouarf3:

13/03/2008, 17h54
gael

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?
13/03/2008, 18h57
SpaceFrog

Ben c'est qu'il y en a un qui marche et pas l'autre ... :mouarf:

Alors un grand sage avisé m'a dit un jour :

Citation:

"utilise la syntaxe qui fonctionne et oublie celle qui ne fonctionne pas ..."

C'est juste une question de compatibilité entre les browsers ...
13/03/2008, 22h37
gael

Et un autre sage m'avait dit:

Citation:

Il faut mieux apprendre à pêcher qu'à mendier.

Je vais donc continuer à chercher. En tout cas merci pour ta réponse.