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 :

Onmousemove style background


Sujet :

JavaScript

  1. #1
    Membre habitué Avatar de mimagyc
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    310
    Détails du profil
    Informations personnelles :
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2006
    Messages : 310
    Points : 151
    Points
    151
    Par défaut Onmousemove style background
    Bonjour,
    j'ai un menu fait avec des balise <ul> et <li>,

    j'aimerai que lorsque la souris passe dessus, le fond de la balise soit coloré.

    voici le code html
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <ul>
    		<li class="normal" onmousemove="sous_menu(this)">G&eacute;n&eacute;ral</li>
    		<li class="normal">Forum</li>
    	</ul>
    et le code javascript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    function sous_menu(objet) {
     
    	isIE = (document.all) 
    	isNN6 = (!isIE) && (document.getElementById)
    	if (isIE) smenu= document.all[objet];
    	if (isNN6)smenu = document.getElementById(objet);
     
    	smenu.class = 'mouse' ;
     
    }
    Ca ne marche pas comme vous vous en doutez.

    j'ai essayé de renplacé smenu.style = 'background-color:#000000' ; par un alert("marche"); et ca fonctionne.

    Comment procéder ?

    Merci.

  2. #2
    Membre du Club
    Profil pro
    dbadmin et dev web magento
    Inscrit en
    Janvier 2006
    Messages
    47
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : dbadmin et dev web magento

    Informations forums :
    Inscription : Janvier 2006
    Messages : 47
    Points : 56
    Points
    56
    Par défaut
    vu que tu envoie this comme paramètre, ce n'est pas l'id de l'élément qui est envoyé mais bien une référence vers l'élément lui même.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    function sous_menu(objet) {
      objet.className = 'mouse';
    }

  3. #3
    Membre habitué Avatar de mimagyc
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    310
    Détails du profil
    Informations personnelles :
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2006
    Messages : 310
    Points : 151
    Points
    151
    Par défaut
    Merci pour ta réponse.

    mais ca ne fonctionne pas ^^

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <li class="" onmousemove="sous_menu(this)"><a href="index.php?page=inscription" class="s_menu" >Inscription</a></li>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    function sous_menu(objet) {
     
    	smenu.className = 'mouse' ;
     
    }

    J'ai tester avec la class"mouse", et ca marche, mais lorsque je met la souris dessus, ca ne marche pas .

    Merci.

  4. #4
    Membre habitué Avatar de mimagyc
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    310
    Détails du profil
    Informations personnelles :
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2006
    Messages : 310
    Points : 151
    Points
    151
    Par défaut
    J'ai reussin je m'etait trompé dnas le code javascript ,

    c'etait
    Merci!

  5. #5
    Membre habitué Avatar de mimagyc
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    310
    Détails du profil
    Informations personnelles :
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2006
    Messages : 310
    Points : 151
    Points
    151
    Par défaut
    En fait j'ai un dernier souci,
    je voudrais que le fond prenne toute la largeur de la colonne.
    Quand je fait un padding ou un margin, le text se décal forcément .

    comment faire?

    http://mimagyc.free.fr/shuyaku/

    Merci.

    je demande sans cherché, j'ai reussi ^^

    Merci.

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

Discussions similaires

  1. document.getelementbyid(id).style.background avec couleur en HEXA
    Par Knular dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 01/01/2015, 18h18
  2. Bug sous chrome style.background
    Par headmax dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 22/05/2012, 23h49
  3. Compatibilie IE6 - style.background et regexp
    Par keaton7 dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 22/12/2008, 11h32
  4. [DOM] Changement du background grâce a l'objet DOM style
    Par Olaf MENJI dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 19/12/2005, 17h31
  5. Réponses: 8
    Dernier message: 09/04/2004, 15h03

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