Fonction Map area shap

Fermé
MrWebMan - 24 févr. 2018 à 12:52
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 - 1 mars 2018 à 15:13
bonjour

il y a 15 ans, j'utilisais Dreamweaver MX et je débutais dans monde du webmastering
après avoir monté mon premier site web, j'ai mis ce job en standby pendant quelques années

aujourd'hui, n'ayant plus dreamweaver et voulant faire un site web, j'ai fais des recherches sur des équivalents gratuits de dreamweaver. Ce site CCM propose NVU, Aptana, BlueGriffon, Mathiza Sublime

je dois avouer que je les ai tous essayé, tous installé, mais aucun ne m'a paru répondre à mon besoin car:

c'est très simple, je recherche une fonction particulière que je pouvais utiliser aisément en 2004 sur dreamweaver MX (et que je ne retrouve pas sur les 5 logiciels gratuits équivalents à dreamweaver), cette fonction particulière est:

la fonction Map area shap. Je m'explique:

j'insère une image d'une salle de conférence sur ma page web. sur dreamweaver j'avais une fonction qui me permettait de dessiner des polygones sur l'image, par exemple je veux dessiner un polygone sur une porte et programmer ce polygone pour que lorsque je survole ma souris dessus, il m'affiche du texte sur une autre frame ou dans une autre case du tableau (balise TD)

voici un exemple de code source:

<body background="fond blanc.jpg">
<table border="0" height="196" width="107%">
<tbody>
<tr>
<td width="40%"> </td>
<td width="60%"><img src="image_menu2.jpg" usemap="#Map" border="0"

height="191" width="146"></td>
</tr>
</tbody>
</table>
<map name="Map">
<area shape="poly" coords="64,4,122,6,124,16,72,15,70,16" href="bureau03.htm"

target="mainFrame" alt="bureau du secretariat">
<area shape="poly" coords="76,30,137,33,137,41,110,43,102,48,99,42,77,41"

href="pro.htm" target="mainFrame" alt="cliquer sur la porte">
<area shape="poly" coords="72,58,127,63,126,70,69,70" href="hu.htm" target="mainFrame"

alt="...">
<area shape="poly" coords="19,101,70,103,65,114,11,113" href="bat.htm"

target="mainFrame" alt="toilettes">
<area shape="poly" coords="3,134,60,137,62,149,5,147" href="exclu.htm" target="mainFrame"

alt="...">
</map>

ceci était un exemple de code source que j'utilisais quand j'avais dreamweaver. Chaque logiciel d'editeur html comprend une partie code source et une partie en graphique pour constuire notre site. Vous remarquez qu'il y a des coordonnées qui correspondent aux polygones qu'on peut dessiner en mdoe graphique. le problème c'est que pour les logiciels gratuits qui n'ont pas cette fonction de dessiner le polygone en mode graphique, je ne vois pas comment mettre des coordonnées en mode html, à moins de les "inventer".

je vous remercie pour votre aide précieuse

2 réponses

telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 875
26 févr. 2018 à 22:50
Salut,
Moi j'utilise un petit logiciel pas bêcheur, mais qui me paraît correspondre à ton besoin pour générer les polygones des mappes : MccHTMLMapper
0
Merci beaucoup ! Ça pourrait m'aider, par contre ce que je veux faire c'est que lorsque je survole la souris sur un polygone, je veux qu'il m'affiche du texte à côté de l'image, par exemple dans un autre colonne du tableau (balise TD), c'est faisable ?

Merci beaucoup
0
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 875
1 mars 2018 à 15:13
Re,
Oui, tu ajoutes un title à l’élément area :
<area title="Basse Love" href="#" 
shape="poly" coords="93,279,92,274,...,154,288">

Tu peux l'ajouter directement dans le code, ou via Mcc en utilisant la liste déroulante au-dessus de Propriétés de l'item, en bas à gauche de l'écran.

En revanche, HTML/CSS ont considérablement évolué (c'est un euphémisme...) depuis les 15 années auxquelles tu te réfères et la mise en page par tableau est plus qu'obsolète...
0