Trucsweb.com

Forum de discussion

 Forum « Programmation Javascript » (archives)

Re: Dimensionner un popup à la taille exact d'une image

Envoyé: 27 août 2005, 7h14 par Oznog


Salut,

Attention, Java et Javascript ne sont deux chose distincte. Et cette façon de faire n'est pas la bonne. Vaut mieux utiliser une l'appele d'une fonction directement dans le href voir "twNeowin" (http://www.trucsweb.com/Javascript/trucs.asp?no=297&type=5).

<a href="javascript:maFonction...
Voir tw

Ensuite, tu peux redimentionner une fenêtre comme ceci:

window.resizeTo(100,250);

Tu peux récupérer la dimension d'une image comme ceci :

nLargeur = document.images[0].width;
nHauteur = document.images[0].height;

Mais ces deux dernières valeurs ne sont disponibles qu'une fois l,image chargé, tu dois donc le tester avant :

if (document.images[0].complete) {
window.resizeTo(document.images[0].width+10,document.images[0].height+25);
window.focus();
}

Maintenant, il faut l'appeller ce test, en l,ajoutant avant tout dans une fonction qui sera appellé dès le chargement de la page (à l'aide du comportement "onload") :

<script language="JavaScript" type="text/javascript">
<!--
function twAjustePopUp() {
// Ajuste les dimensions selon l'image
// Script gratuit des www.trucsweb.com
if (document.images[0].complete) {
window.resizeTo(document.images[0].width+10,document.images[0].height+25);
window.focus();
} else {
// Boucle tant que l'image n'est pas chargée
setTimeout('twAjustePopUp()',1000);
}
}
// -->
</script>
</head>
<body onload="twAjustePopUp();">
<img...

Note : L'ajout de quelques pixels aux dimensions de l'image pour éviter les barre de défillement (scrollbar).

Astuce : Tu peux mettre l'image dans un calque (div) avec une position "absolute" et un z-order de façon à pouvoir être plus grosse que la fenêtre, ainsi l'effet est complet, avec à peine la petite bordure de 3 pixels autour de l'image.

<style>
#twPreImage {
position: absolute;
z-index: 10;
}
</style>

Ciao
Oznog


Réponses

 sp spRe: Dimensionner un popup à la taille exact d'une image Bling29/8/2005
Aucun médias sociaux
X

Trucsweb.com Connexion

X

Trucsweb.com Mot de passe perdu

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte