[DOM] Write sans fin

**Wanaka** · 11/06/2008, 10h37

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 :

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

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

**E.Bzz** · 11/06/2008, 10h40

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

As-tu essayé de terminer par un

Code :

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

w.document.close();

?

A+

**SpaceFrog** · 11/06/2008, 11h20

+ 10 ^1000 EBzz
je n'aurais pas mieux dit moi même

**Wanaka** · 11/06/2008, 11h35

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

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

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 !

**SpaceFrog** · 11/06/2008, 11h40

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

**Wanaka** · 11/06/2008, 12h04

Ouh la la, ca se complique un peu ...
Merci pour toi, je vais me plonger la dedans, et certainement en resortir avec qq questions ...

**SpaceFrog** · 11/06/2008, 12h12

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

**Wanaka** · 11/06/2008, 12h26

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

**Wanaka** · 14/06/2008, 07h36

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 :

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

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 :

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

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

**Wanaka** · 14/06/2008, 07h59

J'oubliais :

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

**Bovino** · 14/06/2008, 12h23

Code :

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

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 :

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

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

ça ne passera pas, il faut :

Code :

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

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

**Auteur** · 14/06/2008, 12h44

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 html :

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

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 :

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

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

). 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 javascript :

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

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

[DOM] Write sans fin

JavaScript

Discussions similaires

Partager

Partager