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 :

Perte du survol !


Sujet :

HTML

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    684
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 684
    Par défaut Perte du survol !
    Bonjour à tous,

    J'ai créé une liste déroulante en récupérant des
    champs MySql : tout va bien

    Par contre si je met size="15", la liste se déroule
    automatiquement de 15 lignes mais la, je perds
    le survol se la ligne en bleu.

    Comment récupérer cela ?

  2. #2
    zesavantfou
    Invité(e)
    Par défaut
    hmmm c'est bizare, essaye de faire en sorte que chaque element de ta liste déroulante aie une id="monelement"

    puis dans le css met ca

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    #monelement:hover
    {
    background-color:blue;
    }
    essaye voir

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    684
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 684
    Par défaut
    Bonsoir zesavantfou,

    Ok, j'ai ajouté le CSS, mais ou placer l'ID ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <table height='289' ><tr><td>La bonne ligne 
    <select  name='la ligne' size='15'>
    <option>..</option>
    </select></td></tr> 
    </table>

  4. #4
    zesavantfou
    Invité(e)
    Par défaut
    En regardant ton code une class sera plus appropriée qu'un id.
    comme ca

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <table height='289' ><tr><td>La bonne ligne 
    <select  name='la ligne' size='15'>
    <option class='mesoptions'>...</option>
    </select></td></tr> 
    </table>
    puis dans ton css

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
     
    .mesoptions:hover
    {
    background-color:blue;
    }
    Si ca ne marche pas avec classe remplace par id dans <option> et n'oublie ps de remplacer aussi le css par celui de mon message précédent.
    Dernière modification par 12monkeys ; 02/09/2009 à 21h04. Motif: suppression du code php

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    684
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 684
    Par défaut
    Non, class ou id pas de résultat !

  6. #6
    zesavantfou
    Invité(e)
    Par défaut
    j'avais remplacé ca class="mesoptions" par ca class='mesoptions'.
    tu l'as fait toi aussi ? (le guillemets)

  7. #7
    Membre éclairé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    684
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 684
    Par défaut
    Ok, j'avais remplacé

    J'ai esseyé dans le <tr>, rien

  8. #8
    Membre éclairé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    684
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 684
    Par défaut
    Mon code complèt pour tests
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
     
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Nouvelle page 3</title>
     
    <style>
    .mesoptions:hover
    {
    background-color:blue;
    }
     
    .mesoptions
    {
    cursor:pointer;
    }
    </style>
     
    </head>
    <body>
     
    <table height='289' >
    <tr>
    <td>
    <select size='15'>
    <option class='mesoptions'>   -  -   </option>
    </select></td></tr> 
    </table> 
    </body>
    </html>

  9. #9
    zesavantfou
    Invité(e)
    Par défaut
    je viens de tester le code que je t'ai donné dans une page vierge, ca marche parfaitement, avec le bleu et tout. (firefox)
    essaye sur une page vierge pour voir.

  10. #10
    Membre éclairé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    684
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 684
    Par défaut
    Ok pour (firefox)
    Mais c'est sous IE que j'ai le soucis !

  11. #11
    zesavantfou
    Invité(e)
    Par défaut
    Je viens de tester IE7, ca marche parfaitement
    Bon après si c'est de IE6 que tu parle, je l'ai pas pour tester.

  12. #12
    Membre éclairé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    684
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 684
    Par défaut
    Désolé, j'ai testé en IE 7 et 8 ne tourne pas

    Mon test est visible a l'adresse suivante :

    http://www.bonturf.com/www/test/listed-03.php

  13. #13
    zesavantfou
    Invité(e)
    Par défaut
    Je viens de tester ton lien sur firefox, IE7, opera, safari et ca marche partout parfaitement. ca viens juste de ton PC

  14. #14
    Membre éclairé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    684
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 684
    Par défaut
    A devenir Fou !

    J'ai testé sur 3 PC différents

    XP, XP Pro, Vista (toujours en IE 7 ou 8)

    Il y a t'il une explication ?

  15. #15
    zesavantfou
    Invité(e)
    Par défaut
    tpn problème est bien le fait qu'au survole tes elements ne deviennent plus bleu ? et non pas le fait que c'est déroulé ?

    la preuve que ca marche:
    http://img376.imageshack.us/img376/234/capt.jpg

  16. #16
    Membre éclairé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    684
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 684
    Par défaut
    Oui, ce qui ne va pas, c'est qu'au survol
    d'une ligne, celle-ci ne se mêt pas en bleu
    et la petite main comme sur un lien est manquante.

    Je veut qu'elle soit déroulée, mais quelle se comporte
    comme si on la déroulait manuellement.

Discussions similaires

  1. Perte des coordonnés de la souris lors du survol d'une balise object
    Par alexxxx69 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 22/01/2013, 10h20
  2. Perte d'enregistrements
    Par AnnSo dans le forum Paradox
    Réponses: 15
    Dernier message: 06/08/2006, 23h39
  3. Perte de connexion (bis)
    Par rgarnier dans le forum XMLRAD
    Réponses: 7
    Dernier message: 28/05/2003, 11h14
  4. Perte du contenu des blobs
    Par macakou99 dans le forum Débuter
    Réponses: 10
    Dernier message: 22/05/2003, 15h17
  5. [UDP][Socket] perte de paquets et arret d'ecoute sur port
    Par Guismo1979 dans le forum Développement
    Réponses: 6
    Dernier message: 02/01/2003, 12h13

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