CreateElement('script') ça fonctionne ?

Version imprimable

Salut à tous,

Quelqu'un aurait il une super explication à me donner pourquoi avec :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script language="javascript"> function render() { var _el = document.createElement('script'); _el.setAttribute('type','text/javascript'); _el.setAttribute('src', 'http://www.dpbolvw.net/placeholder-2958801?target=_top&mouseover=N'); var _head = document.getElementsByTagName('head')[0]; _head.appendChild(_el); } window.onload = render; </script>
Firefox, affiche bel et bien l'image (la source est une bannière de pub) tout en attendant un je ne sais quoi, mais refuse d'utiliser la méthode qui est indiquée et pourquoi IE lui ne fait rien du tout...

J'en perds mon latin.

Jérôme

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="javascript">
	function render() {
		var _el = document.createElement('script');
			_el.type='text/javascript'; 
			_el.src='http://www.dpbolvw.net/placeholder-2958801?target=_top&mouseover=N');
 
		var _head = document.getElementsByTagName('head')[0];
			_head.appendChild(_el); 
 
              document.close();}
 
	window.onload = render;
</script>

02/06/2008, 14h11
llopht

Euhhhh ??

Bon passer du setAttribute à l'assignation directe des properties, j'avais déjà essayé mais change rien...

et le document.close... quel intérêt ?

Sans parler que ça change rien :):):) ça fonctionne toujours pas.
02/06/2008, 14h13
SpaceFrog

le document.close c'est pour eviter que firefox attende quelquechose ...

et eviter le setattribute c'est pour rendre le code crossbrowser
02/06/2008, 14h40
llopht

Sauf que ça fait rien... t'as déjà fait ce genre de chose ???
02/06/2008, 14h44
tusssss

Citation:

Envoyé par llopht

Sauf que ça fait rien... t'as déjà fait ce genre de chose ???

C'est pas le genre à répondre au hasard quand même, il est modérateur/rédacteur sur le forum.

Edit : En fait ca ne me regarde pas, désolé je m'emporte parfois.
02/06/2008, 15h28
llopht

"t'as déjà fait ce genre de chose ???"

C'est dans le sens "es tu déjà arrivé à faire un createelement("script") qui fonctionne" et pas dans le sens reproche :):)

Jérôme

Je suis pas du genre à agresser :):)

la page html:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<script type='text/javascript'>
function addScript(){
var newScript =document.createElement('script');
newScript.type='text/javascript';
newScript.src="DomScript.js" 
document.getElementsByTagName('head')[0].appendChild(newScript)
}
</script>
</head>
 
<body>
<input type='button' onclick="setTimeout(addScript,1000);this.disabled=true" value='go' />
 
</body>
 
</html>

le fichier .js

Code:

document.body.onclick=function(){alert('ajouté')};

02/06/2008, 15h53
llopht

Fonctionne sur IE mais pas sur Firefox.

Vraiment bizarre.
02/06/2008, 16h04
SpaceFrog

c'est le onclikc qui le gène
mais avec

Code:

document.body.style.backgroundColor='red';

dans le fichier js ça marche sur IE et FFX ...

Pareil avec

Code:

document.getElementsByTagName('input')[0].onclick=function(){alert('coucou')};

en retirant le disabled ...

Donc oui ça marche ...
FFX semble réticent à attribuer un onclick sur le body avec cette syntaxe ...

Ok mais regarde :

Mon fichier HTML
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <script language="javascript"> function render() { var _el = document.createElement('script'); _el.type = 'text/javascript'; _el.onload = onLoad; _el.src = 'monfichier.js' + noCache(); var _head = document.getElementsByTagName('head')[0]; _head.appendChild(_el); } function noCache() { return '?nc=' + new Date().getTime(); } function onLoad() { document.close(); } window.onload = render; </script>
Mon fichier JS (monfichier.js)
Code:

1 2 3 4 5 6 function test() { alert('ok'); } document.write("<img src='http://www.yceml.net/0754/10450674-7.jpg' width='728' height='90' onclick='test()' />");
Sur IE. Rien ne s'affiche.
Sur firefox, la bannière s'affiche mais la fonction "test" est indéfinie...
impossible de l'afficher non plus via firebug.

J'ai mis un onload pour mette le document.close qui en effet corriger le problème d'attente sous firefox.

Par contre autre problème malgré la fonction noCache, je suis obligé de systématiquement change de page (j'ai l'impression que firefox est bloqué).

Ton avis ?

02/06/2008, 16h43
SpaceFrog

déja appeler une fonction onLoad ..; très maladroit

essaye myOnLoad() ...

et puis document.write à tendance à effacer le contenu de la page ...

Code:

document.createElement('img') ...
02/06/2008, 17h01
llopht

bah... onload onLoad javascript est sensible à la casse... je vois pas trop ou est le problème... :)

J'utilise document.write car le contenu est dynamique. Je peux avoir n'importe quoi en retour...

As tu une idée de ce qui peux bloquer ?
02/06/2008, 17h04
E.Bzz

Citation:

Envoyé par llopht

bah... onload onLoad javascript est sensible à la casse... je vois pas trop ou est le problème... :)

Pas là, non, St.Thomas :aie:

A+
02/06/2008, 17h50
javatwister

tu as essayé d'affecter le script à un autre conteneur (un div en haut de page?);
j'avoue que ça m'a tjrs paru plus simple;

sinon, ton script a l'air logique, même si je ne comprends pas trop cette construction d'un script src au chargement...
02/06/2008, 18h05
llopht

Nan ça change rien. C'est pour charger du contenu JS en évitant les problèmes de Cross Domain (dynamic script tag) tu n'as qu'un petit beaucoup du code... Comme ça, ça n'a pas beaucoup d'intérêt toujours est il que ça passe pas :)

Tien idem, si on fait un simple createElement("div") et qu'on y mets un javascript "<script langu... function test() { alert..." si on essaye d'appeller test ça passe pas. Problème que je n'arrive pas à contourner même avec un setTimeout...
03/06/2008, 11h42
llopht

document.close() sous IE m'efface carrément le contenu dans un IFrame... sais tu pourquoi SpaceFrog ?
03/06/2008, 13h00
SpaceFrog

8O
03/06/2008, 14h05
llopht

donc pas d'idée ??? :)
03/06/2008, 15h55
SpaceFrog

ben déjà il faudrait que tu nous remontre ton code ...
et ce serait bien la première fois que document.close() agisse de la sorte ...