Retarder l'appel d'un script

**nicolas2603** · 14/05/2009, 17h12

Bonjour, j'ai un script qui affiche sur ma page un contenu fourni par un partenaire. Souvent, l'ensemble du chargement de ma page se bloque le temps que le-dit script ait fini de se charger. Je souhaite donc retarder l'appel de ce script.

Je me suis intéressé tout naturellement à la fonction setTimeout, sauf qu'elle permet de retarder l'appel d'une fonction, non pas d'un script ! Est-il possible de retarder l'appel d'une fonction qui appellerait elle-même un script ?

Merci d'avance.

**SpaceFrog** · 14/05/2009, 17h18

mets le script dans une focntion ...

**nicolas2603** · 14/05/2009, 17h36

A priori ça ne fonctionne pas, j'avais essayé comme ceci :

Code :

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

1
2
3
4
5
script language="JavaScript">
function chargementMeteo(){
	<script type="text/javascript" src="http://www...."></script>
}
</script>

Mais je m'y prends peut-être mal !!...

**SpaceFrog** · 14/05/2009, 17h54

Ha ben ça va tout de suite mieux quand tu expliques ...
Je ne voyais pas ça comme ça ... le script externe
c'est en effet mois simple du coup ...

Je vois deux possibilités:

essaye de mettre la balise script en disabled

Code :

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

1
2
 
<script type="text/javascript" id='meteo' disabled='disabled' src="http://www...."></script>

et dasn le setTimeout

Code :

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

document.getElementById('meteo').disabled='false'

m'étonnerais que ça marche ^^

sinon je pense que tu aurais plus de chance dans le setTimeout en creant une balise script

Code :

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

1
2
3
4
5
 
var meteo=document.createElement('script')
meteo.type='text/javascript';
meteo.src=-http://www...'
document.body.appendCHild(meteo)

**nicolas2603** · 15/05/2009, 10h49

Terrible, ça fonctionne super ! Merci bcp.
Par contre ça me remplace l'ensemble de mon site par la page appelée par le script. Etant donné que je souhaite afficher le contenu dans une div, voici comment j'ai procédé mais cela ne fonctionne pas.

Dans ma page index.php je paramètre la fonction :

Code :

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

1
2
3
4
5
6
7
8
<script language="Javascript">
function chargementMeteo(){
	var meteo = document.createElement('script');
	meteo.type = 'text/javascript';
	meteo.src = 'http://www...';
	document.getElementById('c_accueil_meteo').appendChild(meteo);
}
</script>

Dans ma page index.php?page=accueil où l'appel de la fonction se fait :

Code :

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

1
2
3
<div id="c_accueil_meteo">
	<script language="JavaScript" type="text/javascript">meteo=(setTimeout("chargementMeteo()", 1500));</script>
</div>

Est-ce possible d'afficher le contenu chargé là où la fonction est placée, c'est-à-dire dans la div c_accueil_meteo ?

**SpaceFrog** · 15/05/2009, 11h04

difficile à dire, je pense que cela vient du fait que la fonction fait un document.write

du coup à part mettre ce code là dans un iframe je vois pas trop ...

**nicolas2603** · 15/05/2009, 11h07

Le code d'appel qui est dans la Div ?

**SpaceFrog** · 15/05/2009, 11h10

mets un iframe autour de cette div

**nicolas2603** · 15/05/2009, 11h17

ouais mais un iframe appelle forcément une page non ? Ce qui signifierait qu'il me faut faire une autre page dans laquelle je mets ma div ?...

**SpaceFrog** · 15/05/2009, 11h17

non pas du tout essaye ...

**nicolas2603** · 15/05/2009, 11h21

Oui j'ai essayé, et il ne se passe rien ! J'ai mis une image sous le script histoire de vérifier, et elle ne s'affiche même pas ...

Code :

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

1
2
3
4
5
6
7
<iframe>
<div id="c_accueil_meteo">
	<script language="JavaScript" type="text/javascript">meteo=(setTimeout("chargementMeteo()", 2000));</script>
	<br /><br />
	<a href="#"><img src="img/accueil/meteoradars.gif" width="100px" height="100px" border="0" /></a>
</div>
</iframe>

Et si je tente d'appeler une autre page dans laquelle je mets la div, la fonction n'est plus reconnue.

**le_chomeur** · 15/05/2009, 11h33

Envoyé par nicolas2603

Est-ce possible d'afficher le contenu chargé là où la fonction est placée, c'est-à-dire dans la div c_accueil_meteo ?

malheureusement non :'( je m'y suis cassé les dents pendants 2 jours complet...
pas possibilité de récupérer le contenu du script ...

**nicolas2603** · 15/05/2009, 11h42

Aie ! Et en feintant, du genre dans cette div j'appelle la fonction (quand j'ai la page d'accueil affichée quoi) et la fonction génère une div qu'elle place ensuite avec le contenu du script. C'est envisageable ça ?

**le_chomeur** · 15/05/2009, 11h44

pas compris lol

**nicolas2603** · 15/05/2009, 11h49

Si je ne peux pas afficher le contenu de ce que charge mon script lorsqu'il est appelé dans la div, je peux peut être appeler ma fonction qui va créer en + une div, mettre le contenu dedans, et afficher tout ça sur ma page ? Je suis plus clair ?

**SpaceFrog** · 15/05/2009, 11h52

le truc est que tu ne maitrise pas ce que fait la fonction externe ...
à mon avis elle fait direct un document.write c'est donc mort pour la generation de div et de contenu.
Selon moi la seul possibilité est l'iframe ...
as tu essayé ???

**nicolas2603** · 15/05/2009, 11h59

Oui j'ai essayé, a priori le code contenu dans l'iframe n'est plus interprété !
Je dis ça car j'ai rajouté une image sous l'appel du script, et elle n'apparait même pas !

Code :

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

1
2
3
4
5
6
<iframe>
<div id="c_accueil_meteo">
	<script language="JavaScript" type="text/javascript">meteo=(setTimeout("chargementMeteo()", 2000));</script>
	<a href="#"><img src="img/accueil/meteoradars.gif" width="100px" height="100px" border="0" /></a>
</div>
</iframe>

J'ai testé en laissant le document.body.appendChild(meteo); dans la fonction et également avec document.getElementById('c_accueil_meteo').appendChild(meteo);.

**nicolas2603** · 15/05/2009, 12h29

Tiens je remarque que le code du début qui fonctionne (sous FF), ne fonctionne pas sous IE 6 !

**nicolas2603** · 18/05/2009, 09h11

Bonjour, je reviens vers vous concernant mon problème de script. J'ai réussi à retarder l'appel de ma fonction, et à afficher le contenu dans la div qui me convenait, en utilisant les iframe comme conseillé ci-dessus. Seulement cela fonctionne sur Firefox mais apparemment il ne se passe rien sur IE6. Voici le code utilisé :

Dans ma page d'accueil où le contenu du script doit être affiché :

Code :

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

1
2
3
4
5
<div id="c_accueil_meteo">
	<iframe src="accueil_meteo.php" width="100%" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>
	<br /><br />
	<a href="#"><img src="img/accueil/meteoradars.gif" width="100px" height="100px" border="0" /></a>
</div>

Et l'iframe qui est appelée :

Code :

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

1
2
3
4
5
6
7
8
9
10
<script language="Javascript">
function chargementMeteo(){
	var meteo = document.createElement('script');
	meteo.type = 'text/javascript';
	meteo.src = 'http://...';
	document.body.appendChild(meteo);
}
</script>
 
<script language="JavaScript" type="text/javascript">meteo=(setTimeout("chargementMeteo()", 2000));</script>

Qu'est-ce qui peut bien entraîner cette différence ? Merci d'avance.

**le_chomeur** · 18/05/2009, 09h16

pourquoi ne pas créer une méthode sleep ??

Retarder l'appel d'un script

JavaScript

Discussions similaires

Partager

Partager