IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

balise <map> et <area>


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Femme Profil pro
    Enseignant
    Inscrit en
    Mars 2015
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Mars 2015
    Messages : 5
    Par défaut balise <map> et <area>
    bonjour

    je souhaite remplacer des lien textuel aboutissant a divers paragraphe dans la même page par des liens issu d'une image - les lignes de code liées à <map> et <area> semblent simple - chaque balise et chaque atribut a un sens aisé à comprendre

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <img src="quatro.jpg" alt="quatre lien sur cette image"  width="140" height="100" usemap="#fil4">
    <map name="#fil4">
    <area shape="rect" coords="1,1,70,50" alt="explication" href="#ancre1">
    <area shape="rect" coords="1,51,70,100" alt="exemples" href="#ancre2">
    <area shape="rect" coords="71,1,140,51" alt="question" href="#ancre3">
    <area shape="rect" coords="71,51,140,100" alt="références" href="#ancre4">
    </map>
    pourtant rien ne se passe*! avant les liens textuel fonctionaient alors que ces liens sont inertes - quand je clique sur l'image rien ne se passe*! vous avez une idée de pourquoi cela ne marche pas - il manque des lignes de codes*?

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Il n'y a pas de raison pour que ça ne fonctionne pas. Les ancres existent dans ta page ?

    Ah ben si en fait.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <img src="quatro.jpg" alt="quatre lien sur cette image"  width="140" height="100" usemap="#fil4">
    <map name="#fil4">
    Là, ton image va rechercher la map dont le nom est fil4, pas #fil4.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Nouveau membre du Club
    Femme Profil pro
    Enseignant
    Inscrit en
    Mars 2015
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Mars 2015
    Messages : 5
    Par défaut
    merci d'avoir répondu rapidement

    j'ai bien remplacé "#fil4" par "fil4" et ça marche - une simple erreur d'inattention quand j'avai fait un copier-coller (avec le # en trop) s'est traduite par beaucoup de tracas - tout va bien maintenant

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Map HTML, agrandissement des area
    Par The Dark Dada dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 19/02/2015, 13h21
  2. balise html "map" et javascript
    Par arnaud_matard dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 16/05/2008, 10h05
  3. [JiBX] Masquer des balises de mappings hérités
    Par Rockz dans le forum Entrée/Sortie
    Réponses: 6
    Dernier message: 20/11/2007, 09h02
  4. Réponses: 5
    Dernier message: 15/12/2006, 11h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo