Liens

[geoffroy]

Bonjour,

Comment fait-on pour limité l'ouverture des images d'un lien a la taille de l'image ?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

[Ymai]

Pouvez-vous répéter la question?

[Geoffroy]

Voila, j'ai fais une page avec des liens, qui ouvre des images. Parcontre, quand on clic dessus, c'est une nouvelle page qui s'ouvre mais qui prends la taille de l'ecran. Et moi je voudrais que cela ne fasse que la taille de l'image.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

[Ymai]

Avec un Javascript?
Avec l'éternel problème de ceux qui désactivent JS pour toutes sortes de raisons qui les regardent.
http://wiki.media-box.net/tutoriaux/javascript/popup

[geoffroy]

C'est jentil, mais je trouve pas comment faire et où mettre, et surtotu les quels, codes pour ce cela fonctionne.

Quelqu'un peut-il m'expliquer?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

[Mongo Bob]

Tu peux aussi te baser là-dessus :
http://openweb.eu.org/articles/popup/
Pour résumer, voici un code d'exemple :

Code : Tout sélectionner

<a href="mesimages/monimage.jpg" onclick="window.open(this.href, 'popupdemonimage1', 'height=600, width=400, top=50, left=50, toolbar=no, location=no, menubar=no, resizable=no, scrollbars=no, status=no'); return false;">ici le texte ou l'image qui fait lien</a>

dans l'ordre :
1/l'adresse de ton image : a href="mesimages/monimage.jpg"
2/onclick="window.open : fait que ceci ne se déclenchera que si JS est activé
3/(this.href, : pour ne pas avoir à répéter l'adresse de l'image.
4/'popupdemonimage1' : je donne un nom à ce popup, utile si j'en ai 2 dans la même page
5/'height=600, width=400, top=50, left=50, : je définis hauteur, largeur, décalage à partir du haut de la page, et décalage à.p. du bord gauche de la page, tout ça en pixels sans les unités, le chiffre seul (c'est pixels par défaut)
6/toolbar=no, location=no, menubar=no, resizable=no, scrollbars=no, status=no' : je définis si oui ou non (par "yes" ou "no") je veux pour afficher mon image : une barre d'outils, une barre d'adresse, de menu, si je dois pouvoir ou non la redimensionner au curseur, une barre de statut
7/return false; : ceci empêche d'ouvrir 2 fois le lien (oui, je sais, c'est pas trés clair, il faut omettre de l'indiquer pour piger mieux).
Après avoir fermé par ">" on met le bout de texte qui fait lien ou une vignette qui fait le lien vers une image agrandie d'icelle, puis, bien sûr, on met "</a>".
Et voilà comment on pompe Openweb (ton ami) mais comme j'ai donné le lien, ça me donne bonne conscience, tu trouveras peut-être que c'est mieux expliqué chez eux.
@Ymai: si l'internaute n'a pas JS activé, ça ouvre quand même le lien-image mais sur toute la page, semble-t'il. D'autre part, c'est intéressant de noter les différences d'explication entre ton lien de Mediabox et celui de Openweb...
Les 2 sont utiles.
Il n'y a pas de JS à déclarer dans le head, ce que je trouve curieux, puisque ça paraît être du JS, mais ça marche comme ça, alors...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.2) Gecko/20070219 Firefox/2.0.0.2

[Ymai]

@Ymai: si l'internaute n'a pas JS activé, ça ouvre quand même le lien-image mais sur toute la page, semble-t'il.

C'est vrai que la technique que tu évoques permet de retrouver un lien "normal" si JS est désactivé.
Au départ, je pensais à beaucoup moins bien, du genre
<span style="cursor:pointer" onclick="....
Très beurk.

Il n'y a pas de JS à déclarer dans le head, ce que je trouve curieux, puisque ça paraît être du JS, mais ça marche comme ça, alors...

C'est du JS, mais on n'utilise qu'une primitive du langage. Pas de procédure définie et donc rien à déclarer dans le "head".

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1

[Mongo Bob]

C'est du JS, mais on n'utilise qu'une primitive du langage. Pas de procédure définie et donc rien à déclarer dans le "head".

vu

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.2) Gecko/20070219 Firefox/2.0.0.2