Javascript et zones cliquables d'une image
peterpan
-
peterpan -
peterpan -
Bonjour, pourriez-vous m'aider à comprendre l'utilisation d'un javascript ?
J'ai créé une image ayant plusieurs zones cliquables.
En utilisant la propriété _target associée à chacune de ces zones j'ouvre une nouvelle fenêtre. Mais j'aimerais pouvoir fixer moi-même la taille de ces fenêtres ce qui n'est pas possible avec _target.
Dans ce but je voudrais utiliser un javascript qui "normalement" devrait fonctionner...............mais je n'y arrive pas.
Voilà le code :
Dans le head :
<script language="JavaScript">
function pop(fichier, nom, x, y) {
window.open(fichier, nom, 'location=no,toolbar=no,directories=
no,menubar=no,resizable=no,scrollbars=no,status=no,width=' + x + ',height=' + y);
} </script>
Dans le body :
<img src="mon_image.gif" border="0" usemap="macarte">
<map name="macarte">
<area shape="rect" coords="..."
href="javascript:pop("fichier1.html","fichier1",350,200);">
<area shape="rect" coords="..."
href="javascript:pop("fichier2.html","fichier2",400,300);">
...
</map>
Voilà, voilà !!!!
Mon problème est que je ne comprend ce que je dois mettre dans la fonction pop : fichier ? nom ? x ? y ?
Merci de m'éclairer si vous pouvez m'aider.
Pierre
J'ai créé une image ayant plusieurs zones cliquables.
En utilisant la propriété _target associée à chacune de ces zones j'ouvre une nouvelle fenêtre. Mais j'aimerais pouvoir fixer moi-même la taille de ces fenêtres ce qui n'est pas possible avec _target.
Dans ce but je voudrais utiliser un javascript qui "normalement" devrait fonctionner...............mais je n'y arrive pas.
Voilà le code :
Dans le head :
<script language="JavaScript">
function pop(fichier, nom, x, y) {
window.open(fichier, nom, 'location=no,toolbar=no,directories=
no,menubar=no,resizable=no,scrollbars=no,status=no,width=' + x + ',height=' + y);
} </script>
Dans le body :
<img src="mon_image.gif" border="0" usemap="macarte">
<map name="macarte">
<area shape="rect" coords="..."
href="javascript:pop("fichier1.html","fichier1",350,200);">
<area shape="rect" coords="..."
href="javascript:pop("fichier2.html","fichier2",400,300);">
...
</map>
Voilà, voilà !!!!
Mon problème est que je ne comprend ce que je dois mettre dans la fonction pop : fichier ? nom ? x ? y ?
Merci de m'éclairer si vous pouvez m'aider.
Pierre
A voir également:
- Javascript et zones cliquables d'une image
- Légender une image - Guide
- Image iso - Guide
- Reduire taille image - Guide
- Agrandir une image - Guide
- Transformer une image en icone - Guide
1 réponse
Hi Peterpan,
Tu n'as rien à toucher dans la fonction Pop.
Ce que tu dois renseigner, ce sont les 4 paramètres de l'appel de la fonction qui sont :
-nom de la page Html
-nom de la page (facultatif -si tu veux y faire référence depuis ton autre page-)
-largeur en pixels
-hauteur en pixels
La liaison entre l'appel de la fonction href="javascript:pop(etc. et function pop(parm1,etc. se fait par la POSITION des paramètres ;
les noms fichier, nom, x, y ne sont utilisés que dans la ligne function pour les définir et dans le corps de la fonction.
Est-ce que j'ai bien expliqué ?
Tu n'as rien à toucher dans la fonction Pop.
Ce que tu dois renseigner, ce sont les 4 paramètres de l'appel de la fonction qui sont :
-nom de la page Html
-nom de la page (facultatif -si tu veux y faire référence depuis ton autre page-)
-largeur en pixels
-hauteur en pixels
La liaison entre l'appel de la fonction href="javascript:pop(etc. et function pop(parm1,etc. se fait par la POSITION des paramètres ;
les noms fichier, nom, x, y ne sont utilisés que dans la ligne function pour les définir et dans le corps de la fonction.
Est-ce que j'ai bien expliqué ?
Merci beaucoup.