Une petite image vaut mieux qu'un long discour

Commenter

Contenu du snippet

Cette petite fonction "transferview" vous permettra d'afficher un petit pop-up ne contenant qu'une image.

Son utilité, par exemple:

- Illustrer graphiquement un mot ou une expression complexe,
- Afficher une portion zoomée d'une image,
- etc.

Les paramètres de la fonction sont:
image : le nom et le chemin de l'image à afficher par exemple repertore/image.jpg
largeur: la largeur de l'image
hauteur: la hauteur de l'image
titre : le titre du pop-up

Son utilisation:

Dans votre code HTML, ajoutez par exemple:

<a href="javascript:transferview('repertoire/monimage.jpg',400,400,'titre de la fenetre')">expression complexe</a>

Dans ce cas l'image servira à expliquer l'"expression complexe"

Source / Exemple : 


function transferview( image , largeur , hauteur , titre ) {

var s1 = "<html>\n<head>\n<title>" + titre + "</title>\n</head>\n" ; //balises HTML du Popup
var s2 = "<body>\n" ;
var s3 = "<img src='" + image + "' border=0>\n" ;
var s4 = "</body>\n</html>" ;

if ( largeur == 0 ) larg=" " ;	//test largeur et-ou hauteur nulle

	else larg = "width="+ ( largeur + 20 ) + "" ;

if ( hauteur == 0 ) haut=" " ;

	else haut = "height="+ ( hauteur + 20 ) + "" ;

var dim = larg + "," + haut + "," ;	

// ouverture du popup
ImageWindow=window.open("about:blank","newwin", dim + "toolbar=no,scrollbars=no,menubar=no,resizable=no,status=no,location=no");

// ecriture dans le popup
ImageWindow.document.write( s1 + s2 + s3 + s4 );

// IMPORTANT il faut TOUJOURS faire document.close() sinon le browser tourne en continu
ImageWindow.document.close();

}

.
.
.
 
<a href="javascript:transferview('repertoire/monimage.jpg',476,463,'titre de la fenetre')">expression complexe</a>
 
.
.
.

Conclusion :


Testé sous IE et FireFox.

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (Phil_Free)