Retarder l'appel d'un script

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.

mets le script dans une focntion ... :roll:

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

Code:

---

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

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:

---

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

---

et dasn le setTimeout

Code:

---

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:

---

1 2 3 4 5

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

---

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:

---

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:

---

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 ?

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

Le code d'appel qui est dans la Div ?

mets un iframe autour de cette div

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

non pas du tout essaye ...

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:

---

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.

Citation:

---

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

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 ?

pas compris lol

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 ?

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é ???

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:

---

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

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

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:

---

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:

---

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.

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

La fonction sleep va bloquer tout le chargement du site non ?

hummm pas forcément , si on l'appel dans un thread indépendant , à tester ...

Superbe ! Ca fonctionne ... c'est plus simple et en plus j'ai l'affichage sur FF et IE !... Je vais faire différents tests mais ça m'a l'air bon. Merci beaucoup.