[javascript] écrire à la fin du document

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [javascript] écrire à la fin du document

nabbo

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 :

<html>
<head>
<script language="javascript" type="text/javascript">
function voir(){
Fc=window.open("","Fc","resizable=no" );
Fc.document.write('<html><body><center><table width="600"><tr><td align="center">');
nav=navigator.appName.substring(0,3);
if((nav=="Net" )||(nav=="Moz" )){
Fc.document.write('<img name="apercu" src="file:///'+document.f1.fichier1.value+'">') ;
}
else
{
Fc.document.write('<img name="apercu" src="'+document.f1.fichier1.value+'">') ;
}
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>');
Fc.document.close();
}
</script>
</head>
<body>
<form enctype="multipart/form-data" action="" method="post" name="f1">
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()">
<input type="submit" value="Envoyer le fichier">
</form>
</html>
</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

Publicité

nabbo

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 :

<html>
<head>
<script language="javascript" type="text/javascript">
function apercuIframe() {
parent.tdc.document.close();
redimImage(document.f1.fichier1.value, 100, 100);
parent.tdc.document.close()
}
function redimImage(inImg, inMW, inMH)
{
// Cette function recoit 3 parametres
// inImg : Chemin relatif de l'image
// inMW : Largeur maximale
// inMH : Hauteur maximale
var maxWidth = inMW;
var maxHeight = inMH;
// Declarations des variables "Nouvelle Taille"
var dW = 0;
var dH = 0;
// Declaration d'un objet Image
var oImg = new Image();
// Affectation du chemin de l'image a l'objet
oImg.src = inImg;
// On recupere les tailles reelles
var h = dH = oImg.height;
var w = dW = oImg.width;
// Si la largeur ou la hauteur depasse la taille maximale
if ((h >= maxHeight) || (w >= maxWidth)) {
// Si la largeur et la hauteur depasse la taille maximale
if ((h >= maxHeight) && (w >= maxWidth)) {
// On cherche la plus grande valeur
if (h > w) {
dH = maxHeight;
// On recalcule la taille proportionnellement
dW = parseInt((w * dH) / h, 10);
} else {
dW = maxWidth;
// On recalcule la taille proportionnellement
dH = parseInt((h * dW) / w, 10);
}
} else if ((h > maxHeight) && (w < maxWidth)) {
// Si la hauteur depasse la taille maximale
dH = maxHeight;
// On recalcule la taille proportionnellement
dW = parseInt((w * dH) / h, 10);
} else if ((h < maxHeight) && (w > maxWidth)) {
// Si la largeur depasse la taille maximale
dW = maxWidth;
// On recalcule la taille proportionnellement
dH = parseInt((h * dW) / w, 10);
}
}
// On ecrit l'image dans le document
parent.tdc.document.write("<img src=\"" + inImg + "\" width=\"" + dW + "\" height=\"" + dH + "\" border=\"0\">" );
};
</script>
</head>
<body>
<form enctype="multipart/form-data" action="" method="post" name="f1">
Votre fichier doit être au format jpg<br>Choisir le fichier : <input name="fichier1" type="file" onchange="apercuIframe()"><br /><br />
<input type="submit" value="Envoyer le fichier">
<br>
<br>
<IFRAME SRC="./images/vide.gif" border='0' frameborder='0' align='left' NAME="tdc" ID="iframe"></IFRAME>
</form>
</body>
</head>
</html>

si vous avez des remarques ou des suggestions...

:jap:

FlorentG

Unité de Masse

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

nabbo

:hello:

je reviens à la charge... ma Renault 12 passe pas sous Firefox

tu connaitrais pas un bon concessionnaire qui vende du javascript récent "kipassesousfirefox" ?

merci :jap:

FORUM HardWare.fr

Programmation

HTML/CSS

[javascript] écrire à la fin du document

Sujets relatifs
XSLT PHP et Do;document	[HTML/Javascript] Faire un lien vers un exe...
[html/css/javascript] rafraichissement page de formulaire	Une liste déroulante peuplée par une requête SQL (Javascript)
[javascript] possibilité d'associer 2 évènements ?	[Javascript] [XMLHttpRequest] Probleme IE pour récupérer données X
lien vers une frame enfant en javascript	Javascript - possibilité d'ouvrir plusieurs pages en include
Problème avec Overflow/div & javascript	[Javascript] leger probleme de chargement
Plus de sujets relatifs à : [javascript] écrire à la fin du document

Page générée en 0.082 secondes