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

JavaScript Discussion :

[débutant] pb script avec onMouseOver


Sujet :

JavaScript

  1. #1
    Membre confirmé Avatar de kodokan
    Profil pro
    Lycéen
    Inscrit en
    Avril 2006
    Messages
    127
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : France

    Informations professionnelles :
    Activité : Lycéen

    Informations forums :
    Inscription : Avril 2006
    Messages : 127
    Par défaut [débutant] pb script avec onMouseOver
    Bonjour à tous

    Je viens de me mettre au langage javascript et j'ai un petit probleme avec mon script . Ce script change la couleur de fond (CSS) d'un div au passage de la souris .Il y a un pb quelque part mais je ne le trouve pas ...

    Javascript :
    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
    <script language="javascript1.4">
     
    function montre(id) {
    var d = document.getElementById(id);
     
    if (d) {d.style.background-color='#74A1C4';}
    }
     
    function cache(id) {
    var d = document.getElementById(id);
     
    if(d) {d.style.background-color='#E4E7F2';}
     
    }
     
    </script>
    Mon css :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    .billet{
    width:650px;
    margin:20px; 
    padding:5px;
    border-bottom:1px solid #999;
     background-color: #E4E7F2;
    border-left:1px solid #E4E7F2; 
    border-right:1px solid #E4E7F2;
    border-top:1px solid #E4E7F2;
    }
    et le HTML
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <div class="billet" onMouseOver="javascript:montre('<?php echo $num //numero du div (1,2,3,4 ...) ?>')" 
    id="<?php echo $num ?>" onMouseOut="javascript:montre()">
    .... contenu
    </div>
    Merci pour vos réponses

    PS: je sais que je peut le faire avec un :hover sur le div mais ça ne marchera pas sous IE

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    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
    <script language="javascript1.4">
    
    function montre(id) {
    var d = document.getElementById(id);
    	
    if (d) {d.style.backgroundColor='#74A1C4';}
    }
    
    function cache(id) {
    var d = document.getElementById(id);
    
    if(d) {d.style.backgroundColor='#E4E7F2';}
    
    }
    
    </script>

  3. #3
    Membre confirmé Avatar de kodokan
    Profil pro
    Lycéen
    Inscrit en
    Avril 2006
    Messages
    127
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : France

    Informations professionnelles :
    Activité : Lycéen

    Informations forums :
    Inscription : Avril 2006
    Messages : 127
    Par défaut
    C bon ca marche !

    Merci BisounoursJos !

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

Discussions similaires

  1. Réponses: 4
    Dernier message: 02/11/2004, 15h18
  2. [Débutant][Phppgadmin] problème avec les types
    Par PoY dans le forum PostgreSQL
    Réponses: 3
    Dernier message: 19/08/2004, 17h06
  3. Réponses: 5
    Dernier message: 19/08/2004, 11h11
  4. [Débutant][Applet] Communication avec Servlet - IO Exception
    Par gandalf_le_blanc dans le forum Applets
    Réponses: 35
    Dernier message: 16/04/2004, 13h29
  5. Script avec JOINTURE et CASE
    Par Labienus dans le forum Langage SQL
    Réponses: 6
    Dernier message: 27/02/2004, 09h40

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