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 :

Mise en forme des MAP


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Administrateur systèmes et réseaux
    Inscrit en
    Octobre 2013
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Administrateur systèmes et réseaux
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Octobre 2013
    Messages : 18
    Par défaut Mise en forme des MAP
    Bonjour.

    J'ai réussi à sélectionner des zones (selon les coordonnées X et Y en pixels) et y afficher du texte spécifique pour chaque zone. Maintenant je bute sur un problème à savoir que je n'arrive pas à afficher une icône (petite image) sur chacune de ces zones.
    Donc c'est le même principe, mais au lieu d'afficher du Texte, je voudrais cette fois-ci afficher une petite image.

    J'attends avec impatience votre(s) réponse(s) en vous remerciant d'avance.

    Ci-joint le script que j utilise pour afficher du texte sur plusieurs zones d'une même image :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <img src="d:\qb64\param_pictures\10_2013\Mapvent.jpg" alt="" height="768" width="1024" usemap="#map" border="0">
    <map name="map">
    	<area title="Tamanrasset-TT=36°C Ciel clair<br> Vent variable" shape="rect" coords="685,594,688,598" href="#">
    	<area title="Alger- Ciel tres nuageux TT=24°C Vent calme" shape="rect" coords="570,54,574,57" href=#>
    	<area title="Oran-TT=36°C Brouillard avec ciel invisible Vent variable" shape="rect" coords="407,98,411,102" href="#">
    	<area title="Bechar- Ciel Couvert TT=34°C Vent calme" shape="rect" coords="340,252,344,257" href="d:\qb64\wget\pictos\tableau\ovc.png">
    	<area title="El-Oued-TT=36°C Brouillard avec ciel invisible Vent variable" shape="rect" coords="731,190,736,194" href="#">
    	<area title="Ghardaia- Ciel peu nuageux TT=34°C Vent calme" shape="rect" coords="577,236,581,240" href="#">
    </map>

  2. #2
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Par défaut
    comme ça à la va vite.
    tes images dans des div hidden
    une fonction javascript faisant apparaitre et disparaitre les div
    onmouseover et onmouse appelant ta fonction javascript pour faire l'action souhaité.
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  3. #3
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Bonjour,

    que voulez-vous obtenir ?

    Une carte ?

    Qu'entendez-vous par :
    Citation Envoyé par azekazek
    je n'arrive pas à afficher une icône (petite image) sur chacune de ces zones.
    Voulez-vous un effet au survol des zones ?

    Je ne pense pas que la balise map soit la meilleure solution !!

    Il existe des solution en javascript : mapper.js

  4. #4
    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 : 54
    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
    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

Discussions similaires

  1. mise en forme des balises
    Par hanane.eclisse dans le forum Mode d'emploi & aide aux nouveaux
    Réponses: 1
    Dernier message: 24/04/2006, 12h40
  2. question mise en forme des états
    Par cassius777 dans le forum IHM
    Réponses: 7
    Dernier message: 26/02/2006, 20h21
  3. Garder la mise en forme des dossiers sur un CD
    Par tibodoudou dans le forum Autres Logiciels
    Réponses: 2
    Dernier message: 19/12/2005, 16h42
  4. [ACCESS-EXCEL] Mise en forme des tableaux
    Par mpascolo dans le forum Access
    Réponses: 4
    Dernier message: 20/10/2005, 16h03
  5. [CR9] lenteur mise en forme des couleurs dans expert diagram
    Par cdu dans le forum SAP Crystal Reports
    Réponses: 6
    Dernier message: 20/04/2005, 08h48

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