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 :

onmouseover pour modifier la couleur


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Décembre 2011
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Décembre 2011
    Messages : 28
    Par défaut onmouseover pour modifier la couleur
    Bonjour,

    Je veux changer la couleur de 2 cellules d'un tableau (sans utiliser de rowspan) au passage de la souris.

    J'arrive à modifier une cellule grâce à une fonction javascript.
    la fonction 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
    17
    18
    19
    20
    21
    22
    23
    24
        function cellMouseOver(cell) {
            // Récupération de la couleur de fond
            var curBackground = cell.style.backgroundColor;
     
            // Récupération de la couleur de police utilisée
            var curColor = cell.style.color;
     
            //cell.rowSpan = 2;
     
            // Police de couleur noir
            cell.style.backgroundColor = "black";
     
            // Couleur de fond : blanc
            cell.style.color = "white";
     
            // Ajout de la fonction permettant le retour aux couleurs d'origines
            cell.onmouseout = function () {
                //cell.rowSpan = 1;
                // Restauration de la couleur de fond
                cell.style.backgroundColor = curBackground;
     
                // Restauration de la couleur de la police
                cell.style.color = curColor;
            }
    le code asp.net :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    tblAgenda.Rows[j].Cells[i].Attributes.Add("onmouseover", "cellMouseOver(this);");

  2. #2
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    à première vue, si tu inclus ton mouseout dans la fonction mouseover, tu t'exposes à des soucis;

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    Citation Envoyé par javatwister Voir le message
    à première vue, si tu inclus ton mouseout dans la fonction mouseover, tu t'exposes à des soucis;
    je penses que c'est pour initialiser l'événement onmouseout lors du premier survol.

    En jouant avec le changement de class cela serait plus classe .

    Mais quel est le fond du problème, est ce à partir d'une cellule survoler modifier l'aspect de plusieurs ??

  4. #4
    Membre averti
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Décembre 2011
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Décembre 2011
    Messages : 28
    Par défaut
    Bonjour,

    C'est exactement ça, je veux modifier 2 cellules d'un tableau à partir du survol d'une cellule.

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    dans ce cas il te faut connaître les cellules qui seront impactées par le survol, comment sont elles référencées ?

  6. #6
    Membre averti
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Décembre 2011
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Décembre 2011
    Messages : 28
    Par défaut
    Elles sont contenues dans un HtmlTable nommé tblAgenda.

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

Discussions similaires

  1. onmouseover pour modifier la couleur
    Par Nico1383 dans le forum C#
    Réponses: 0
    Dernier message: 23/02/2012, 13h46
  2. [AC-2007] Créer une interface utilisateur pour modifier des couleurs
    Par Triton972 dans le forum IHM
    Réponses: 6
    Dernier message: 18/08/2011, 20h36
  3. Réponses: 9
    Dernier message: 02/02/2009, 13h39
  4. Tableau : onmouseover > modifier délai + couleur au pointage de la souris
    Par theophile76 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 30/11/2008, 17h52
  5. pb pour modifier la luminositée des couleurs
    Par mathieutlse dans le forum Langage
    Réponses: 2
    Dernier message: 08/01/2003, 14h45

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