CreateElement('script') ça fonctionne ?

**llopht** · 02/06/2008, 12h04

Salut à tous,

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

Code :

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

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

**SpaceFrog** · 02/06/2008, 13h52

Code :

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

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>

**llopht** · 02/06/2008, 14h11

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.

**SpaceFrog** · 02/06/2008, 14h13

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

et eviter le setattribute c'est pour rendre le code crossbrowser

**llopht** · 02/06/2008, 14h40

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

**tusssss** · 02/06/2008, 14h44

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.

**llopht** · 02/06/2008, 15h28

"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

**SpaceFrog** · 02/06/2008, 15h40

la page html:

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

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

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

**llopht** · 02/06/2008, 15h53

Fonctionne sur IE mais pas sur Firefox.

Vraiment bizarre.

**SpaceFrog** · 02/06/2008, 16h04

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

Code :

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

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

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

Pareil avec

Code :

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

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 ...

**llopht** · 02/06/2008, 16h18

Ok mais regarde :

Mon fichier HTML

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

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

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 ?

**SpaceFrog** · 02/06/2008, 16h43

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

essaye myOnLoad() ...

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

Code :

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

document.createElement('img') ...

**llopht** · 02/06/2008, 17h01

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 ?

**E.Bzz** · 02/06/2008, 17h04

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

A+

**javatwister** · 02/06/2008, 17h50

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...

**llopht** · 02/06/2008, 18h05

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...