Ecrire dans le document après Onload

Version imprimable

Salut,

J'utilise comme base la librairie JQuery, mais la méthode est la même avec du JS classique sans la librairie et si quelqu'un peut m'expliquer comment faire meme sans la librairie je suis preneur.

Je souhaite qu'un script qui vient d'une url externe soit executé uniquement
si la page HTML est d'abord entièrement chargée, je passe donc par un onload
pour écrire le script avec write. Voici donc ce que j'ai et qui ne
fonctionner comme je voudrais puisque le script ne semble pas se charger
après et seulement après que la page soit chargée totalement :

J'ai donc selon la librairie fait ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script type="text/javascript">  </script>
Ce qui me semble assez logique, mais bon ca ne fonctionne pas et ca me charge le script sans le HTML du site dans une fenetre vide. Par contre,
si je fais ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <script type="text/javascript">  </script>
Ca s'affiche bien au bon endroit tout comme il faut, mais ca se charge en meme temps que la page, et le problème c'est que si le site distant est lent, ca me ralenti tout le chargement de mon site à moi, et c'est justement ce que je veux éviter.

Avez-vous des solutions ?

04/01/2007, 09h43
dingoth

Bon, je ne vois pas de problème avec le premier code. Je ne comprends donc pas trop. Selon la syntaxe que j'ai pu lire de jQuery, c'est tout à fait correct.

Par contre, avec le second, le problème est présent parce que tu ne demandes pas d'appeler load_Shop plus tard, tu l'appelle directement, en attribuant sa valeur de retour (qui n'existe pas) à $(document).ready . Or comme tu appelles la fonction, elle est exécutée au moment où le <script></script> (de ton HTML) est lu, et non à la fin.

La position du script dans la page ne change pas grand chose
sauf dans le cas ou celui-ci ecrit une valeur affichable (texte ou html)
dans ce cas le script écrit à l'endroit ou il se trouve.

un tag script avec un attribut src est directement placé par le DOM dans la liste des scripts. il est ajouté à la fin de cette liste.

le script ainsi lié n'est pas exécuté (inclus) imédiatement. il ne l'est qu'après exécution (chargement) te tous les autres script présent avant lui dans la liste.

en suposant que tu ais plusieurs scripts dans ta page s1 s2 s3
et que ton exemple soit le s2 l'ordre d'exécution sera s1 s2 s3 puis le script de ton exemple.

pour ma part je ne mets plus de script dans le document. si un script doit écrire à un endroit particulier je le fais en javascript avec un getElementById

de façon général l'utilisation de DOM permet une meilleure maitrise.
pour ajouter ton script à la liste il faut faire comme suit :
Code:

1 2 3 4 5 6 7 var thescript = document.createElement('script'); thescript.setAttribute('src', "http://urlshop.com/affiliates/remote_data.asp?lang=fr&affid=19899&col='+col+'&row='+rows+'&catid=&cur=CHF&shop=1&tmp=1&style=rnd"); thescript.setAttribute('type', 'text/javascript'); thescript.setAttribute('charset', 'iso-8859-15'); thescript.setAttribute('id', '19899'); var scripts = document.getElementsByTagName('SCRIPT'); scripts[0].parentNode.appendChild(thescript);
le tag script src et le onLoad ont un comportement qui est parfois surprenant mais qui lorsqu'on à compris cette notion de liste s'explique facilement.

reprenons nos script s1 s2 s3
il sont exécuté (chargés) dans l'orde de la liste une fois les trois chargés et toute la page Ok on passe dans le onLoad. là ton script exécute une fonction qui ajoute un tag script au DOM ce script n'est pas chargé. il ne le sera que lorsque l'évènement onLoad sera terminé.

on a donc chargement de s1 s2 s3
execution de onLoad qui ajoute s4
fin du onLoad et chargement du s4

A+JYT

Merci pour ton explication. Malheureusement ca ne fonctionne pas et après 1 semaine de recherche je patauge complètement.

Je vais donc te donner le code de ma page (simplifié) afin que je puisse être aidé. Je précise en revanche que le script reprends la données d'un site adulte de lingerie en esperant choquer personne ici et surtout que nous nous en tenions à une discussion technique.
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> <script type="text/javascript">  </script> </head> <body> <div id="shop">  </div> </body> </html>
Note que le $(document).ready(function().... découle de la libraire JQuery et remplace un Onload. Dans le doute j'avais testé avec un Onload mais ca ne fonctionne pas.

Le script qui m'est fourni par ce site d'affiliation et accessoirement que je souhaite générer dynamiquement est le suivant :

Code:

<script type="text/javascript" src="http://sexylingerie.ch/affiliates/remote_data.asp?lang=fr&affid=19899&col=1&row=2&catid=&cur=CHF&shop=1&tmp=1&style=rnd" charset="iso-8859-15"></script>

Merci pour toute aide, Christophe

mets ton code à la fin de la page!!!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
 <!--
 function load_Shop(col, rows)
 {
  window.document.write('<scr'+'ipt type="text/javascript" 
src="http://urlshop.com/affiliates/remote_data.asp?lang=fr&amp;affid=19899&amp;col='+col+'&amp;row='+rows+'&amp;catid=&amp;cur=CHF&amp;shop=1&amp;tmp=1&amp;style=rnd" 
charset="iso-8859-15"></scr'+'ipt>');
 }
 
 $(document).ready = load_Shop(1, 2);
 //-->
</script>
</body>
</html>