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

pop up qui se redimensionne a l'image [JAVASCRIPT] - HTML/CSS - Programmation

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 :
  1. <html><head>
  2. <script type="text/javascript">
  3. <!-- Debut
  4. // JavaScript pris sur le site: "http://www.java.scripts-fr.com"  
  5. function ImageMax(chemin)
  6.    {
  7.    html = '<html> <head> <title>ImageMax</title> </head> <body onBlur="top.close()">
  8.    <IMG src="'+chemin+'" BORDER=0 NAME=ImageMax onLoad="window.resizeTo(document.ImageMax.width+10, document.ImageMax.height+30)">
  9.    </body></html>';
  10.    popupImage =    window.open('','_blank','toolbar=0, location=0, directories=0, menuBar=0, scrollbars=0, resizable=1');
  11.    popupImage.document.open();
  12.    popupImage.document.write(html);
  13.    popupImage.document.close()
  14.    };
  15. </script>
  16. </head><body >
  17. <a href="#" onclick="javascript:ImageMax('../../images/IMG1.jpg');">
  18. lien 1</a><BR>
  19. <a href="#" onclick="javascript:ImageMax('../../images/IMG2.jpg');">
  20. lien2</a>
  21. </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 :
  1. 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 :
  1. <SCRIPT LANGUAGE="JavaScript">
  2. function popupimage(lien) {
  3.  w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
  4.  w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>" );
  5.  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>" );
  6.  w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>" );
  7.  w.document.write("<a href='javascript:window.self.close();'><IMG src='"+lien+"' border=0></a>" );
  8.  w.document.write("" );
  9.  w.document.write("</BODY></HTML>" );
  10.  w.document.close();
  11. }
  12. </SCRIPT>


ton lien

Code :
  1. <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 :
  1. function ImageMax(chemin)
  2.    {
  3.    i1 = new Image;
  4.    i1.src = chemin;
  5.    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>';
  6.    popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
  7.    popupImage.document.open();
  8.    popupImage.document.write(html);
  9.    popupImage.document.close()
  10.    };


 
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

Sujets relatifs:

Leave a Replay

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