[DOM] Write sans fin

Version imprimable

Bonjour,

Depuis que je me suis penché sur le Javascript (bien sympa ceci dit en passant !), à chaque fois que j'utilise la fonction write, mon naviguateur (Firefox 2.0.0.14) tourne en rond sans fin ...
Un peu comme s'il attendait une balide de fin de write ...
Qqu'un peut m'expliquer ?
Ci joint un exemple de mon dernier code (que je n'arrive pas a tester puisque ca n'aboutit pas :?)
Code:

1 2 3 4 5 6 w=open("",'SebinNZ','directories=no,menubar=no, status=no, scrollbars=yes, resizable=yes, fullscreen=yes'); w.document.write("<head><TITLE>SebinNZ</TITLE>"); w.document.write('<style type="text/css">body{background-color:black;margin:0;padding:0;color:white;}</style></head>'); w.document.write('<BODY><img="' + chemin + '" alt="erreur"'); w.document.write("Ce popup n'est pas un fichier HTML, il est écrit directement par la fenêtre appelante"); w.document.write("</BODY>");
Merci d'avance !!

11/06/2008, 10h40
E.Bzz

Bonjour,
une des raisons pour laquelle l'utilisation de write() est déconseillée ...

As-tu essayé de terminer par un

Code:

w.document.close();

?

A+
11/06/2008, 11h20
SpaceFrog

+ 10 ^1000 EBzz
je n'aurais pas mieux dit moi même ;)
11/06/2008, 11h35
Wanaka

Hello,

oui, ca a l'air d'aller mieux avec le document.close()
Pourquoi le write ne marche pas bien ?
Ou puis je trouver plus d'info pour l'éviter, car jusque maintenant je n'ai rien trouvé ... :cry:

Et la dernière question qui touche à ce que je veux faire :
j'ai une page php qui me génère des miniatures de photos.
Le but était, qu'en cliquant sur une des miniatures, je lance un popup contenant en varible le lien de l'image.

D'ou l'utilisation du write qui écrit le lien ds le popup ... :lol:
Le tout etait censé se faire rapidement puisque sur la machine client, juste la petite photo etait téléchargée ...

Auriez vous une petite piste à me donner pour le faire "dans les regles de l'art" ?

Merci !
11/06/2008, 11h40
SpaceFrog

document.write à une facheuse tendance à écraser le contenu du document et de plus il arrive que les objets 'créés' avec document.write ne soit pas ensuite reconnus à part entière par le DOM ...

je te conseillerais la lecture de ce post pour voir comment créer avec le DOM de façon relativement simple des objets sur une page en toute sécurité
http://www.developpez.net/forums/sho...d.php?t=535848
11/06/2008, 12h04
Wanaka

Ouh la la, ca se complique un peu ...
Merci pour toi, je vais me plonger la dedans, et certainement en resortir avec qq questions ...
:merci:
11/06/2008, 12h12
SpaceFrog

Si tu as des questions n'hésites pas je suis l'auteur de ce bout de code
tu pourras me trouver en direct sur le chat de developpez ;)
11/06/2008, 12h26
Wanaka

Merci,

La je lutte un peu, mais nul doute que je reviendrai à la charge !
Mais la je file dormir (suis en Nouvelle Zelande), car j'ai les neurones qui ne tournent plus très rond ... ;)
A+ et bonne journée !!

Je continue sur la voir du Write puisque ca marche, et que je n'ai pas le temps de faire mieux ... :-(

Mais j'ai des questions :
Cette fonction marche normalement :
Code:

1 2 3 4 5 6 7 function Popupphoto(chemin){ w=open("./pophoto.html",'SebinNZ', 'directories=no,menubar=no, status=no, scrollbars=yes, resizable=yes, fullscreen=yes'); w.document.write('<head>\n<title>SebinNZ</title>\n<style type="text/CSS">body{background-color:black;width:900px;margin:auto;} img{border:1px solid white;}</style></head>\n'); w.document.write('<body onclick="window.close();">\n<img src="' + chemin + '" alt="erreur" />\n'); w.document.write("</BODY>\n</html>"); w.document.close(); }
Mais dés que je rajoute une ligne pour insérer des scripts ds mon popup, donc (
Code:

1 2 w.document.write('<script type="text/Javascript">N'importe quelle fonction = meme resultat</script>\n\n'); //Bien entendu, je redéplace le </head> ...
)

plus rien ne fonctionne et ca bug meme ma page qui doit lancer le popup en cqs de click ...
Quelqu'un peu m'expliquer le pourquoi de la chose ?
J'avoue n'avoir aucune idée ...

14/06/2008, 07h59
Wanaka

J'oubliais :

Le but est d'insérer un petit script qui centrera ma photo sur l'écran client ...

:merci:
14/06/2008, 12h23
Bovino

Code:

w.document.write('<script type="text/Javascript">N'importe quelle fonction = meme resultat</script>\n\n');

Regarde bien la coloration syntaxique...
Dès que tu ajoutes un ', js l'interprète comme la fin de l'argument. Il faut donc "échapper" le ' avec \' pour dire à javascript : "ceci est un guillemet que je veux insérer dans cette chaine".
Donc, si au lieu de ton texte d'exemple, tu mets une fonction du style :

Code:

w.document.write('<script type="text/Javascript">maFonction('arguments')</script>\n\n');

ça ne passera pas, il faut :

Code:

w.document.write('<script type="text/Javascript">maFonction(\'arguments\')</script>\n\n');

bonjour,

Wanaka : pourquoi tu te casses la tête à recréer le code HTML de ta pop-up avec des document.write() indigestes ?

Tu ne peux pas créer ta page popup.htm avec un minimum de code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>SebinNZ</title> <style type="text/css"> body{ background-color:black; width:900px; margin:auto; } img{ border:1px solid white; }</style> </head> <body> <img src="" alt="Image non trouvée" id="monImage"> </body> </html>
Puis de la fenêtre parent tu fais :
Code:

1 2 var popup = window.open("popup.htm","","directories=no,menubar=no, status=no, scrollbars=yes, resizable=yes, fullscreen=no");
Mets le fullscreen à no, et précise plutôt les valeurs de height et width. En effet, les pages en plein écran sont parfois pénibles (en tout cas moi ça m'agace :aie:). Puisque que body a width:900px, tu peux mettre width=900 dans les arguments de open().

Tu vérifies que la pop-up est chargée avec un test (la pop-up met par exemple une variable à true lors de l'événement onload. Tu as un exemple dans cette discussion, dans la pièce jointe).

Puis si ce test est vrai tu fais :
Code:

1 2 popup.document.getElementById("monImage").src = "imageSelectionnee.jpg"