Un document.write qui désorganise la page

[zooffy]

Bonjour

Je suis confronté à un souci que je ne comprends absolument pas et je ne sais pas comment m'en sortir.

Tout d'abords, la page permettant de constater la chose se trouve là :
http://pub.ozouf.com/testpub.htm.

Pour voir le souci il faut l'ouvrir sur FF, elle est bien, puis sur IE, elle est pourrie.

J'ai réussi à déterminer que le problème venait d'un script qui envoi un document.write.
En gros si je met ça :

Code :

<script type="text/javascript" src="http://tracking.publicidees.com/showbanner.php?partid=5211&progid=467&promoid=31797"></script>

ça démonte la page et si j emet ce que fait le document.write en dur tout va bien. En allant directement sur le script et en prenant la source de la page générée j'ai trouvé ça :

Code :

1
2
3
document.write('<a href="http://tracking.publicidees.com/clic.php?promoid=31797&progid=467&partid=5211&iptChange=0&iptJS=03be8a4dbbddc0977e4b3b1a93df1b64"  target="_blank" Onmouseover="window.status=\'\'">');
document.write('<img src="http://ad.publicidees.com/promos/banners/278/468x60_3.gif" border="0">');
document.write('</a>');

Et donc je ne comprends pas comment une aussi petit différence peut metre à mal la totalité de la page et surtout en le faisant au dessus et pas en dessous.

Pourriez vous éclairer ma lanterne ?

Merci d'avance.

[SpaceFrog]

http://www.developpez.net/forums/d10...s-balise-html/

[zooffy]

Merci pour ton lien, mais j'ai du mal à comprendre où cela m'apporte de l'aide.

Tu pourrais déveloper un peu ?

[SpaceFrog]

Ben juste que document.write est à peu près la pire des choses à faire en javascript car c'est destructeur

[zooffy]

Ok, c'est ce que j'avais cru comprendre.

Maintenant, vu que je ne maitrise pas le script (tu auras remarqué qu'il est envoyé par un autre site que le mien) je peux faire quoi ?

[SpaceFrog]

utiliser le DOM pour créer les objets sur la page

[zooffy]

Là, je pense que mon niveau de connaisasnce en JavaScript vient d'être largement dépassé.

Mais je pense que j'ai oublié de précisé un détail :
dans mon site je mets

Code :

<script type="text/javascript" src="http://tracking.publicidees.com/showbanner.php?partid=5211&progid=467&promoid=31797"></script>

dans une base de donnée. Ensuite je le mets tel que dans un DIV en tant que chaine de caractère. Eventuellement, je peux manipuler la chaine, mais pas trop. En gros je peux metre des trucs devant ou dérrière, mais il est impératif que je ne touche pas à cette chaine sinon, je ne suis pas payer lorsque les gens clique sur la bannière.

Comprends tu mon souci ?

[javatwister]

Je vais me faire l'avocat du diable (pour une fois);

Tester document.write en débutant javascript, c'est un peu comme si tu t'improvisais coiffeur ou maçon: tu as un outil mais comme tu ne sais pas vraiment à quoi il sert ni comment l'utiliser, tu vas massacrer quelqu'un ou quelque chose;

En fait, cette méthode, certes primitive, est aussi puissante que alert(), eval(), etc.;

La clé, c'est qu'elle doit être utilisée durant la phase d'interprétation du code de la page; si tu l'appelles après chargement - ne serait-ce que sur onload(), tout le dom sera remplacé par le texte défini dans write(); et là, ce que tu fais n'a plus aucun sens, bien sûr;

Bref, ne mets jamais un document.write dans un fichier js, sauf si tu es sûr qu'il sera lu dans le continuum espace-temps page/chargement

[SpaceFrog]

^^
le document.write est le console.log de pauvres jt ?

[Willpower]

moi aussi j'ai envie de jouer l'avocat du diable, car le petit (24 ligne / 12ko) script (sans doute)le plus utilisé du web :

Code js :

n=s.document;...;n.write(c);

Code js :

eb=X.document;...;eb.write(Ra(Z,X.google_ad_width,X.google_ad_height));

Code js :

document.write(Za());

utilise document.write !


comme dit jt, il faut juste savoir l'utiliser à bon escient.

[zooffy]

Merci les gars, c'est trés sympa vos explicatons.

Donc, promis, je ne mettrais jamais de document.write dans MES scripts, pas de soucis.


Maintenant, le détail à côté du quel vous passez (pourtant je croyais avoir été clair) c'est que c'est pas moi qui le mets ce document.write, c'est la régie publicitaire qui me fourni le script.
Du coup, je suis obligé de faire avec.

Alors est ce que je peux faire quelque chose pour contrecarrer l'effet du document.write ?
Pourquoi FF, qui est standard le comprend et ne me masascre pas ma page alors que IE (sois disant si pourri) me pète tout avec cette commande visiblement non standard.

Je peux pas me permetre de me passer de 56 % de mes visiteurs.

Merci pour votre aide.

[Willpower]

J'ai réussi à déterminer que le problème venait d'un script qui envoi un document.write.
En gros si je met ça :

bizarrement quand on retire ce script de ta page, elle reste toute bousillée sous IE ... tu m'expliqueras donc comment t'as déterminé que le problème venait de là ?


celui qui plante ta page, c'est celui-ci :

Code html :

<!--[if lte IE 8]> <script type="text/javascript" src="/scripts/roundies.js"> </script><![endif]-->

[SpaceFrog]

essaye plutot csspie ... ?

[zooffy]

Envoyé par Willpower

bizarrement quand on retire ce script de ta page, elle reste toute bousillée sous IE ... tu m'expliqueras donc comment t'as déterminé que le problème venait de là ?


celui qui plante ta page, c'est celui-ci :

Code html :

<!--[if lte IE 8]> <script type="text/javascript" src="/scripts/roundies.js"> </script><![endif]-->

J'ai déterminé ça car lorsque je l'enlève, tout va bien.
Par contre, le script que tu indique est pris sur un site qui fait des design gratuit en CSS et il est utilisé pour faire les coins arrondi sur IE comme sur FF.

Mais aprés test, en le viran, ma page est belle.
Bon, je vais faire une batterie de test.

Merci