Page 1 sur 1
Propriétés des boutons ?
Publié : 04 juil. 2007, 15:16
par ValérieS
Bonjour,
J'ai créé une image map avec différents boutons et j'aimerai pouvoir :
1. passer avec le curseur et non cliquer sur chaque zone pour ouvrir la page souhaitée : quel est le terme? et que la page reste ouverte par dessus tant que le curseur ne change pas de zone.
2. l'image s'ouvre dans une fenêtre par dessus (blank, ok ça marche) mais je souhaiterai que l'image s'ouvre non dans une page entière mais à la dimension de celle-ci : je ne connais pas les valeurs à mettre dans édition avancée des propriétés de l'image?
Merci + pour vos réponses.
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727; Creative ZENcast v1.02.10)
Re: Propriétés des boutons ?
Publié : 04 juil. 2007, 23:26
par Fabrice.Tres.Net
ValérieS a écrit :
1. passer avec le curseur et non cliquer sur chaque zone pour ouvrir la page souhaitée : quel est le terme? et que la page reste ouverte par dessus tant que le curseur ne change pas de zone.
Par exemple
Code : Tout sélectionner
<area title="bidule" shape="poly" coords="57,584,140,519,135,452,111,447,0,536,0,584" nohref="nohref"
onmouseover="return (TaFonctionJavscript())" onmouseout="return EteindreLafenetre();" />
ValérieS a écrit : 2. l'image s'ouvre dans une fenêtre par dessus (blank, ok ça marche) mais je souhaiterai que l'image s'ouvre non dans une page entière mais à la dimension de celle-ci : je ne connais pas les valeurs à mettre dans édition avancée des propriétés de l'image?
Code : Tout sélectionner
<a href="images/carte.png" onclick=
"window.open(this.href, 'CARTE', 'width=705, height=625, top=0,left=0,toolbar=no, menubar=no, location=no, resizable=yes, scrollbars=no, status=no'); return false;">
bidule</a>
En image
Si javascript est activé cela ouvre la fenêtre via js, sinon cela s'ouvre dans la fenêtre courante.
Publié : 05 juil. 2007, 10:43
par ValérieS
Merci pour tes réponses mais j'ai fait une image map avec Openofficewriter.
Je te mets le code qui a été généré pour la page. Je ne vois pas où je dois insérer le code pour ouvrir les pages redimensionnées à la taille de l'image??? les pages concernées sont map1.html et map2.html.
Merci pour ta réponse.
Code : Tout sélectionner
<html>
<head>
<meta http-equiv="CONTENT-TYPE"
content="text/html; charset=windows-1252">
<title>Image Map</title>
<meta name="GENERATOR" content="OpenOffice.org 2.1 (Win32)">
<meta name="CREATED" content="20070704;13454981">
<meta name="CHANGED" content="20070704;14332085">
<style>
<!--
@page { size: 21cm 29.7cm; margin: 2cm }
P { margin-bottom: 0.21cm }
-->
</style>
</head>
<body style="direction: ltr;" lang="fr-FR">
<p style="margin-bottom: 0cm;"><map name="MAP1">
<area shape="RECT" coords="374,37,588,337"
href="map2.html" target="_blank" alt="map2">
<area shape="RECT" coords="0,0,352,378"
href="map1.html" target="_blank" alt="map1">
</map>
<img src="map_html_40a0ae40.jpg" name="Image1"
usemap="#MAP1" align="left" border="0"
height="853" width="640"><br clear="left">
<br>
</p>
</body>
</html>
Publié : 05 juil. 2007, 12:37
par Fabrice.Tres.Net
Copie ceci
Code : Tout sélectionner
<map name="MAP1">
<area shape="RECT" coords="374,37,588,337" href="map2.html" target="_blank" alt="map2" onclick=
"window.open(this.href, 'CARTE', 'width=705, height=625, top=0,left=0,toolbar=no, menubar=no, location=no, resizable=yes, scrollbars=no, status=no'); return false;">
<area shape="RECT" coords="0,0,352,378"
href="map1.html" target="_blank" alt="map1" onclick=
"window.open(this.href, 'CARTE', 'width=705, height=625, top=0,left=0,toolbar=no, menubar=no, location=no, resizable=yes, scrollbars=no, status=no'); return false;">
</map>
en lieu et place de la partie correspondante.
Sauf erreur de ma part :
- si javascript est actif, cela t'ouvrira une fenêtre "popup" de nom CARTE de taille 705x625 avec comme contenu le fichier map1.html ou map2.html selon le cas.
- sinon cela devrait te lancer une nouvelle fenêtre !