[javascript] écrire à la fin du document

écrire à la fin du document [javascript] - HTML/CSS - Programmation

Marsh Posté le 29-11-2005 à 17:16:18    

hello !
 
je cherche à faire un script d'envoi d'images (classique...)
mais avant de l'envoyer, je veux que le client puisse visualiser son image.
 
donc j'utilise le javascript suivant :
 

Code :
  1. <html>
  2. <head>
  3. <script language="javascript" type="text/javascript">
  4. function voir(){
  5. Fc=window.open("","Fc","resizable=no" );
  6. Fc.document.write('<html><body><center><table width="600"><tr><td align="center">');
  7. nav=navigator.appName.substring(0,3);
  8. if((nav=="Net" )||(nav=="Moz" )){
  9. Fc.document.write('<img name="apercu" src="file:///'+document.f1.fichier1.value+'">') ;
  10. }
  11. else
  12. {
  13. Fc.document.write('<img name="apercu" src="'+document.f1.fichier1.value+'">') ;
  14. }
  15. Fc.document.write('<br/><br/><form><input type="button" value="Fermer" onClick="parent.close()"></form><font size=2 face="arial" color="#0000FF">Nom et chemin de l\'image<br>'+document.f1.fichier1.value+'</font></td></tr></table></center></body></html>');
  16. Fc.document.close();
  17. }
  18. </script>
  19. </head>
  20. <body>
  21. <form enctype="multipart/form-data" action="" method="post" name="f1">
  22. Votre fichier doit être au format jpg<br>Choisir le fichier : <input name="fichier1" type="file"><br /><br /><input type="button" value="Aperçu " onclick="voir()">
  23. <input type="submit" value="Envoyer le fichier">
  25. </form>
  26. </html>
  27. </head>


 
Le problème est que quand on appuie sur "aperçu", c'est une nouvelle fenetre qui s'ouvre.
 
Je voudrais faire en sorte que l'image s'affiche à la suite du document, dans la même fenêtre.
 
Si je retire "window.open" et que je ne mets quedes documents.write, ca ne marche pas.
sur certains tutos, il est marqué qu'il faut mettre le code à l'endroit où l'on veut que ca écrive, mais moi ca écrit à la suite de la pression d'un bouton (bouton aperçu), donc je ne sais pas où placer correctement mon code.
 
quelqu'un peut-il m'aider ?
:jap:

Message cité 1 fois
Reply

Marsh Posté le 29-11-2005 à 17:16:18   

Reply

Marsh Posté le 02-12-2005 à 10:44:28    

ok
 
devant l'enthousiasme général, je me suis retroussé les manches, et j'ai fini par trouver une solution avec en plus le redimensionnement de l'image à la volée, le tout en javascript :
 

Code :
  1. <html>
  2. <head>
  4. <script language="javascript" type="text/javascript">
  5. function apercuIframe() {
  6. parent.tdc.document.close();
  7. redimImage(document.f1.fichier1.value, 100, 100);
  8. parent.tdc.document.close()
  9. }
  11. function redimImage(inImg, inMW, inMH)
  12. {
  13.   // Cette function recoit 3 parametres
  14.   // inImg : Chemin relatif de l'image
  15.   // inMW  : Largeur maximale
  16.   // inMH   : Hauteur maximale
  17.   var maxWidth = inMW;
  18.   var maxHeight = inMH;
  19.   // Declarations des variables "Nouvelle Taille"
  20.   var dW = 0;
  21.   var dH = 0;
  22.   // Declaration d'un objet Image
  23.   var oImg = new Image();
  24.   // Affectation du chemin de l'image a l'objet
  25.   oImg.src = inImg;
  26.   // On recupere les tailles reelles
  27.   var h = dH = oImg.height;
  28.   var w = dW = oImg.width;
  29.   // Si la largeur ou la hauteur depasse la taille maximale
  30.   if ((h >= maxHeight) || (w >= maxWidth)) {
  31.     // Si la largeur et la hauteur depasse la taille maximale
  32.     if ((h >= maxHeight) && (w >= maxWidth)) {
  33.       // On cherche la plus grande valeur
  34.       if (h > w) {
  35.         dH = maxHeight;
  36.         // On recalcule la taille proportionnellement
  37.         dW = parseInt((w * dH) / h, 10);
  38.       } else {
  39.         dW = maxWidth;
  40.         // On recalcule la taille proportionnellement
  41.         dH = parseInt((h * dW) / w, 10);
  42.       }
  43.     } else if ((h > maxHeight) && (w < maxWidth)) {
  44.       // Si la hauteur depasse la taille maximale
  45.       dH = maxHeight;
  46.         // On recalcule la taille proportionnellement
  47.       dW = parseInt((w * dH) / h, 10);
  48.     } else if ((h < maxHeight) && (w > maxWidth)) {
  49.       // Si la largeur depasse la taille maximale
  50.       dW = maxWidth;
  51.         // On recalcule la taille proportionnellement
  52.       dH = parseInt((h * dW) / w, 10);
  53.     }
  54.   }
  55.   // On ecrit l'image dans le document
  56.   parent.tdc.document.write("<img src=\"" + inImg + "\" width=\"" + dW + "\" height=\"" + dH + "\" border=\"0\">" );
  57. };
  59. </script>
  62. </head>
  63. <body>
  64. <form enctype="multipart/form-data" action="" method="post" name="f1">
  65. Votre fichier doit être au format jpg<br>Choisir le fichier : <input name="fichier1" type="file" onchange="apercuIframe()"><br /><br />
  66. <input type="submit" value="Envoyer le fichier">
  68. <br>
  69. <br>
  70. <IFRAME SRC="./images/vide.gif" border='0' frameborder='0' align='left' NAME="tdc" ID="iframe"></IFRAME>
  72. </form>
  73. </body>
  75. </head>
  76. </html>


 
si vous avez des remarques ou des suggestions...
 
:jap:

Reply

Marsh Posté le 02-12-2005 à 10:46:51    

nabbo a écrit :

sur certains tutos, il est marqué qu'il faut mettre le code à l'endroit où l'on veut que ca écrive,


Sur les tutos de qualités, il est surtout indiqué qu'il ne faut plus utiliser document.write, qui date de 1995 et qui roule en Renault 12, mais qu'il faut utiliser par exemples des fonctions DOM, ou utiliser la propriété innerHTML d'un élément pour réellement écrire où on veut, et surtout paraître plus moderne, montrer qu'on vit en 2005, et qu'on roule en Laguna 2 Phase 2 1.9 dCi...

Reply

Marsh Posté le 20-12-2005 à 00:47:46    

:hello:
 
je reviens à la charge... ma Renault 12 passe pas sous Firefox :D
 
tu connaitrais pas un bon concessionnaire qui vende du javascript récent "kipassesousfirefox" ?
 
merci :jap:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed