Discussion :

[Nico1383]

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);");

[javatwister]

à première vue, si tu inclus ton mouseout dans la fonction mouseover, tu t'exposes à des soucis;

[NoSmoking]

Bonjour,

à 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 ??

[Nico1383]

Bonjour,

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

[NoSmoking]

dans ce cas il te faut connaître les cellules qui seront impactées par le survol, comment sont elles référencées ?

[Nico1383]

Elles sont contenues dans un HtmlTable nommé tblAgenda.