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 :

Comment faire lorsque le curseur parcoure une zone A, pour qu'une zone B change de couleur?


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Conseil - Consultant en systèmes d'information
    Inscrit en
    Août 2008
    Messages
    557
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Conseil - Consultant en systèmes d'information
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2008
    Messages : 557
    Par défaut Comment faire lorsque le curseur parcoure une zone A, pour qu'une zone B change de couleur?
    Bonjour,

    Si on a deux div distincts A et B.

    comment fait on lorsque le curseur est positionné sur le div A, pour que le div B change de couleur?

    j'ai fait ça mais ça marche pas !

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onmouseover=" var test=getElementsByID("B"); test.style.backgroundColor=\'#9932cc\' ";
    Oui et je suis débutant.

  2. #2
    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 : 55
    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
    Par défaut
    Attention à la syntaxe et à bien imbriquer les quotes
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onmouseover="document.getElementById('B').style.backgroundColor='#9932cc'"
    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

  3. #3
    Membre éclairé
    Homme Profil pro
    Conseil - Consultant en systèmes d'information
    Inscrit en
    Août 2008
    Messages
    557
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Conseil - Consultant en systèmes d'information
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2008
    Messages : 557
    Par défaut
    ok merci Bovino , en fait j'ai mis des antislash car je suis dans un echo ' '

    L'idéal serait de savoir comment faire lorsqu'on utilise une class et non pas un id dans le div?

  4. #4
    Membre éclairé
    Homme Profil pro
    Conseil - Consultant en systèmes d'information
    Inscrit en
    Août 2008
    Messages
    557
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Conseil - Consultant en systèmes d'information
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2008
    Messages : 557
    Par défaut
    en mettant un name="test" dans le div en question,

    j'ai tenté ça

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    onmouseover="this.style.backgroundColor=\'#9932cc\';
     
    for (var i=0;i<document.getElementsByTagName(\'div\').length; i++) {
    	if(document.getElementByTagName(\'div\').item(i).name == \'test\') {
    		document.getElementByTagName(\'div\').item(i).name.style.backgroundColor=\'#9932cc\' ;}
    }">

  5. #5
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Bonjour,

    Il y a un point virgule en trop ici:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    if(document.getElementByTagName(\'div\').item(i).name == \'test\';)

  6. #6
    Membre éclairé
    Homme Profil pro
    Conseil - Consultant en systèmes d'information
    Inscrit en
    Août 2008
    Messages
    557
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Conseil - Consultant en systèmes d'information
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2008
    Messages : 557
    Par défaut
    Oui merci j'ai rectifié

Discussions similaires

  1. Réponses: 9
    Dernier message: 24/06/2008, 09h45
  2. Réponses: 10
    Dernier message: 13/05/2008, 14h08
  3. Comment faire lorsque la requete est trop longue ?
    Par tabtab dans le forum Requêtes et SQL.
    Réponses: 16
    Dernier message: 26/03/2008, 14h55
  4. Comment faire clignoter le curseur avec ActionScript 2
    Par marcello2 dans le forum ActionScript 1 & ActionScript 2
    Réponses: 5
    Dernier message: 12/11/2007, 19h24
  5. Réponses: 3
    Dernier message: 13/09/2007, 18h11

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