[JAVASCRIPT]pop up qui se redimensionne a l'image

Marsh Posté le 15-09-2004 à 13:11:38

slt a tous !
je souhaiterais faire un pop up qui s'ouvre et se redimensionne a la taille de l'image.

G chopé un script sur http://www.java.scripts-fr.com/scripts.php?js=13#, mais il n'a pas l'air de marcher(ya des erreurs)

Code :

<html><head>
<script type="text/javascript">
<!-- Debut
// JavaScript pris sur le site: "http://www.java.scripts-fr.com"
function ImageMax(chemin)
{
html = '<html> <head> <title>ImageMax</title> </head> <body onBlur="top.close()">
<IMG src="'+chemin+'" BORDER=0 NAME=ImageMax onLoad="window.resizeTo(document.ImageMax.width+10, document.ImageMax.height+30)">
</body></html>';
popupImage = window.open('','_blank','toolbar=0, location=0, directories=0, menuBar=0, scrollbars=0, resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close()
};
</script>
</head><body >
<a href="#" onclick="javascript:ImageMax('../../images/IMG1.jpg');">
lien 1</a><BR>
<a href="#" onclick="javascript:ImageMax('../../images/IMG2.jpg');">
lien2</a>
</body></html>

merci de bien vouloir m'aider

Message édité par attentio le 24-03-2005 à 21:15:35

---------------
L'ordinateur a de la mémoire mais aucun souvenir ...

Reply

Marsh Posté le 15-09-2004 à 13:11:38

Reply

Marsh Posté le 15-09-2004 à 13:12:58

[:popcorn]

Reply

Marsh Posté le 15-09-2004 à 13:20:43

Bonjour,

Dans les paramètres de la fonction window.open, ajoute ces propriétés :

top=80,left=200,width=400,height=350

Remplace les valeurs width par width = MonImage.width et height par MonImage.height

Reply

Marsh Posté le 15-09-2004 à 13:30:10

Nan ! .. c'est paske si tu as fait du copier/coller du code sur leur site, la ligne html='..' est coupé de [return] .. ELLE PEUT PAS ! .. toute cette ligne doit être sur une seule et même ligne !
( et pour confirmation, affiche la source de LEUR page ... )

De rien ...

Message édité par Mr Mala le 15-09-2004 à 13:31:49

Reply

Marsh Posté le 15-09-2004 à 13:40:14

slt!
ben j'ai pas reussi a ouvrir la source !!!elle est bloquée

quant a mon code " html = [...]top.close()"> " est bien sur la meme ligne(pourtant une erreur est indiqué a la fin de cette ligne) ... comprends pas

merci

Reply

Marsh Posté le 15-09-2004 à 13:44:47

Tu as quoi comme browser ??? paske "affichage->source" et j'ai clairement eu la source ... pas de "blocage" !!!

En plus, la source qu'ils proposent est différente de celle qu'ils utilisent pour faire leur démo !!!!!!

Code :

html = '<html><head><title>ImageMax</title></head><body scroll="no" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" onBlur="top.close()"><IMG src="'+chemin+'" BORDER=0 NAME=ImageMax onLoad="window.resizeTo(document.ImageMax.width+10,document.ImageMax.height+30)"></body></html>';

Alors que je sache, je ne fais rien de "magique" .. je copie/colle la source proposée sur leur page -> erreur .. je remets le html='' inline et hop! plus d'erreur ! ...

Message édité par Mr Mala le 15-09-2004 à 13:48:15

Reply

Marsh Posté le 15-09-2004 à 13:56:01

pour information
dans ton code ya:
onclick="javascript:ImageMax('../../images/IMG1.jpg'

ca sert a rien de mettre "javascript:" sachant que onClick est deja un evenement du langage javascript

Reply

Marsh Posté le 15-09-2004 à 14:12:46

Regarde par rapport à celui ci...

dans head:

Code :

<SCRIPT LANGUAGE="JavaScript">
function popupimage(lien) {
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>" );
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+12,document.images[0].height+30); moveTo(200,100); window.focus();} else { setTimeout('check()',250) } }</"+"SCRIPT>" );
w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>" );
w.document.write("<a href='javascript:window.self.close();'><IMG src='"+lien+"' border=0></a>" );
w.document.write("" );
w.document.write("</BODY></HTML>" );
w.document.close();
}
</SCRIPT>

ton lien

Code :

<a href="javascript:popupimage('lien image')">

Reply

Marsh Posté le 15-09-2004 à 14:51:06

FORMIDABLE, CA MARCHE !!!!
j'ai pris le code de leur page

Code :

function ImageMax(chemin)
{
i1 = new Image;
i1.src = chemin;
html = '<html><head><title>ImageMax</title></head><body scroll="no" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" onBlur="top.close()"><IMG src="'+chemin+'" BORDER=0 NAME=ImageMax onLoad="window.resizeTo(document.ImageMax.width+10,document.ImageMax.height+30)"></body></html>';
popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close()
};

par contre comment faire si l'image est supérieur a la taille de l'ecran pour que la pop up s'adapte a la taille maxi de l'ecran et qu'il m'affiche les scrollbars.

merci infiniment de votre aide

Reply

[JAVASCRIPT]pop up qui se redimensionne a l'image

Sujets relatifs:

Leave a Replay