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 :

tooltip balise option avec chrome


Sujet :

HTML

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2006
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 19
    Par défaut tooltip balise option avec chrome
    Bonjour,

    j'essaye d'afficher un infobulle(tooltip) pour chaque balise option d'un select.
    Pour faire ça j'utilise l'attribut titre de la balise option.

    Malheureusement ça ne fonctionne que sur IE et firefox, pas sur chrome.

    Y a t il une meilleure solution? ou une alternative pour chrome ?

  2. #2
    Membre Expert
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Par défaut
    Bonjour,

    Si Chrome gère le "title" sur l'élément SELECT, tu peux essayer en javascript de remplacer le "title" du SELECT par le "title" du OPTION sélectionné lors de l'événement "onchange"

    devyan

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Février 2006
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 19
    Par défaut
    Merci pour ta réponse, Chrome gère effectivement l'attribut title de la balise select.

    L'ennui c'est que l'utilisateur doit sélectionner un élément pour pouvoir ensuite voir son tooltip. Dans mon site, la sélection d'un élément génère également un postback, ce qui risque de devenir vite lourd juste pour voir un tooltip

    C'est néanmoins une solution pour un select plus classique

  4. #4
    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
    sinon c'est l'utilisation d'un onmouseover et d'un div accompagné de css pour masquer / afficher ta div mais aussi gérer le z-index
    la vie n'est pas cirrhose des foies ...

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

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Février 2006
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 19
    Par défaut
    je ne suis pas très à l'aise avec le js et le css.

    Quelqu'un aurait un exemple s'il vous plait?

Discussions similaires

  1. probleme avec balise <option>
    Par Bobette dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 29/03/2012, 14h58
  2. [TIDY] Fermeture balise IMG avec TIDY en JAVA
    Par elitost dans le forum Documents
    Réponses: 1
    Dernier message: 02/09/2005, 16h54
  3. tooltip avec balise option
    Par pittacos dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 29/08/2005, 10h14
  4. [Struts] html:options avec deux Collections!
    Par Sniper37 dans le forum Struts 1
    Réponses: 5
    Dernier message: 15/06/2005, 15h35
  5. Aller à la ligne dans une balise <option>
    Par nebule dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 01/12/2004, 18h27

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