Accueil > Forum > > > > balise map html
 balise map html
jeudi 17 mars 2011 à 15:26:45 |
balise map html
djbabou
|
Bonjour a tous,
J'aimerais vous poser une petite question concernant le mapping en php.
J'ai une image sur une de mes pages sur laquelle j'applique la balise map. Résultat : je devrai obtenir une zone cliquable (celle que j'ai selectionné grace à ses coordonnées). Je suis arrivé à
définir les coordonnées grace à la balise map de dreamweaver. MAis j'ai un petit problème ! Au lieu d'avoir juste une zone cliquable, toute mon image devient cliquable !
Sauriez-vous comment résoudre ce souci ? Voici comment je m'y prend :
Code HTML : <img src="images/coupon.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="339,259,520,305" href="javascript:onClick='form1.submit();'" />
</map> Merci d'avance pour vos réponses |
|
jeudi 17 mars 2011 à 15:57:38 |
Re : balise map html
djbabou
|
Je précise quand même que ma map est dans mon form.
J'ai un formulaire caché pour le transfert des infos à 1 base de données et une image sur lequel il y a une partie qui doit être cliquable pour la validation du formulaire.
Voici le corps de ma page
Code HTML :
<form action="" method="post" id="form1" name="form1" onclick="return confirm('Vous allez être rediriger , voulez-vous continuer ?');">
<INPUT type="hidden" NAME="" value="" />
<INPUT type="hidden" NAME="" value="<?php echo $d['id']; ?>" />
<INPUT type="hidden" NAME="" value="rrrr" />
<INPUT type="hidden" NAME="" value="ttt_r" />
<img src="images/coupon.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="339,259,520,305" href="form1.submit();'" />
</map>
</form>
|
|
jeudi 17 mars 2011 à 16:18:12 |
Re : balise map html
cod57
|
bonjour
il te faut plusieurs area ou zone est donc plusieurs href
si tu as differents liens
ex
<IMG SRC="images/image.gif"
WIDTH=150
HEIGHT=70
USEMAP="#Map">
<MAP NAME="Map">
<AREA SHAPE="rect"
HREF="debut.html"
COORDS="0,0,48,28">
<AREA SHAPE="circle"
HREF="precedent.html"
COORDS="50,30,10">
<AREA SHAPE="poly"
HREF="suivant.html"
COORDS="60,50,80,30,100,40,50,100">
</MAP>
a++
|
|
jeudi 17 mars 2011 à 19:08:31 |
Re : balise map html
djbabou
|
Merci pour ta réponse, mais en fait je ne veux qu'un lien.
Par contre, ce lien ne doit concerner qu'une partie de l'image, et pas toute l'image. J'espère mettre fait comprendre !
Si vous avez une solution en tête, je suis preneur...
|
|
jeudi 17 mars 2011 à 19:35:27 |
Re : balise map html
cod57
|
href="form1.submit();'" />
as tu remarqué le ' qui traine
a++
|
|
jeudi 17 mars 2011 à 19:48:13 |
Re : balise map html
djbabou
|
Merci cod57.
Non effectivement, j'ai involontairement laissé trainé un guillemet! Comme quoi, cela ne change pas grand chose à mon souci. Il est toujours présent, et jusqu'à maintenant je n'ai pas réussi à la résoudre.
Contredisez moi si je me trompe mais la balise map est censé appliquer un lien sur la partie de l'image dont sont donné les coordonnées ?
|
|
vendredi 18 mars 2011 à 01:00:16 |
Re : balise map html
007Julien
|
Le rectangle (339,259,520,305) fait, sauf erreur de ma part, 182x47 pixels, à comparer aux dimensions de l'image ?
|
|
vendredi 18 mars 2011 à 14:50:15 |
Re : balise map html
djbabou
|
Merci,
Exact, la partie concernée par le mapping elle fait 182*47 px .
L'image quand à elle fait 550*530 px.
|
|
vendredi 18 mars 2011 à 18:28:48 |
Re : balise map html
007Julien
|
La définition de la zone ne devrait-elle pas précéder son utilisation ?
|
|
Cette discussion est classée dans : image, html, map, balise, cliquable
 Répondre à ce message
 Sujets en rapport avec ce message
Decaler une image + map [ par spiritofdivx ]
J ai un probleme dans la mise en page d une image (.gif) , je voudrais savoir ce qu il faut que j ajoute a ma ligne pour qu elle soit plus a droite da
HELP-ME!! Compteur d'affichages [ par eax ]
bonjour,j'ai encore un problème ;)je souhaite connaitre le nombre d'affichages d'une image :je mets donc ceci dans ma page html:et dans le image.php j
probleme balise MAP et Base de données [ par nikeu01 ]
Salut, j'ai un petit soucis et je ne vois pas comment le résoudre: J'ai une image jpg toute simple qui contient les noms de differents responsables d
echo avec imagecreatefromjpeg ?? [ par PsYk0PaT ]
Bonjour,J'ai ce bout de code qui fonctionne à merveille: $image = imageCreateFromJpeg("la_map.jpg"); $colorCyan = imageColorAllocate$image,0,255,255);
question HTML [ par benjiman2 ]
Bonjour a tous !Voila, mon probleme est vraiment simple !Mais pour moi , je ne vois pas de solution a mon niveau !VOila, j'ai une image sur mon ordina
agrandir une image [ par billy67000 ]
function ImageMax(chemin) { html=' Titre <IMG src="'+chemin+'" BORDER=0 NAME=ImageMax onLoad="window.resizeTo(document.ImageMax.width+40, document.
Suppression Balise HTML dans un formulaire [ par stutzmann ]
Salut à tous,j'ai un formulaire mais avant d'enregistrer ces donnes je veux enlever toutes les balises HTML dans mes differentes variables textes.Merc
appel de page php [ par maryvonne ]
Bonjour,Voilà mon problème : j'ai plusieurs pages que je voudrais relier. J'explique : - Un formulaire classique en html (image.html) est traité par
Tableaux et image en html Aide SIVOUPLAIT [ par 0000000000 ]
Bonjour je voudrais savoir comment faire pour mettre dans un tableau une image de taille proportionnelle à celle du tableau?Sachant que le tableau à u
php html [ par VLN ]
Bonjour,J'ai un souci sur une ligne pour faire fonctionner une ouverture de popup a la taille d'une image j'explique voici la ligne:[code]echo '<A hre
 Livres en rapport
|
Derniers Blogs
 IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Forum
 XML ET PHPXML ET PHP par karouani
Cliquez pour lire la suite par karouani
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|