probleme javascript et gridview

Version imprimable

17/10/2007, 09h19
toinou62

probleme javascript et gridview
Bonjour à tous,

Voila je viens de réaliser une gridview, et je souhaiterais qu'en cliquant sur une cellule, celle ci change de couleur. J'ai pour cela fait une fonction javascript comme ceci :
Code:

1 2 3 4 function ColorerCellule(objCell) { objCell.Style.Add(HtmlTextWriterStyle.BackgroundColor, "Blue"); }
objCell est une variable de type TableCell.

Après dans mon code C#, j'appelle la fonction :

Code:

objCell.Attributes.Add("OnClick", "javascript:return ColorerCellule("+objCell+")");

Mais je n'arrive pas à modifier la couleur de la cellule quand je clique.
Ce doit être un probleme dans le javascript car quand je remplace le contenu de la fonction par alert('ok'), la fenêtre apparait au moment du clic sur une celulle.

Merci d'avance
17/10/2007, 09h29
lutecefalco

T'as un msg d'erreur?

Et en remplaçant ta fonction JavaScript par
Code:

1 2 3 4 5 function ColorerCellule(objCell) { objCell.Style.backgroundColor = "Blue"; }

17/10/2007, 09h40
Akanath

Tu peux déjà essayer blue au lieu de Blue...vu que Javascript est sensible à la casse...
17/10/2007, 09h46
toinou62

Non ça ne fonctionne toujours pas, dès que je clique sur une celulle, en bas de ma fenêtre internet explorer apparait : "Erreur sur la page".
17/10/2007, 09h48
lutecefalco

C'est parce que je pense qu'une cellule d'un tableau n'est pas un objet donc tu ne peux pas faire this.style ...
17/10/2007, 10h13
kangaxx

Et tout simplement en mettant :

Code:

objCell.Attributes.Add("OnClick", "javascript:return ColorerCellule(this)");
17/10/2007, 10h37
toinou62

Oui mais dans ce cas la fonction javascript s'écrit avec le "this" ?
17/10/2007, 14h04
toinou62
J'appelle donc ma fonction javascript comme ceci :

Code:

objCell.Attributes.Add("OnClick", "javascript:return ColorerCellule(this)");

et dans mon code javascript j'ai essayé :
Code:

1 2 objCell.BackColor = "Red"; alert(objCell.BackColor);
et donc quand je clique sur une cellule, ça m'affiche "Red" mais la cellule est toujours blanche. Je ne comprend pas

Je te donne un code html/javascript qui marche, à toi de l'adapter

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
	<head>
		<title></title>
		<script language="javascript">
 
			function colorTD(currentTD)
			{
				allTD = document.getElementById("Table1").getElementsByTagName("td" );
				for(i=0;i<allTD.length;i++)
					if (allTD[i].id.substr(0,1)==currentTD.substr(0,1))
						allTD[i].style.background = "#FF6600";
					else
						allTD[i].style.background = "#FFFFFF";
			}
		</script>
	</head>
	<body bgcolor="white">
		<table width="100%" ID="Table1" border="1">
			<tr>
				<td id="1" onClick="colorTD(this.id)">1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>3</td>
				<td>4</td>
			</tr>
		</table>
	</body>
</html>

17/10/2007, 14h33
Pongten

Est-ce que c'est bien BackColor la propriété ? ce n'est pas bgcolor ou backgroundcolor... Il faut être bien sur du nom (case sensitive) de la propriété, sinon, au lieu d'affecter, cela crée une nouvelle propriété pour l'objet...
17/10/2007, 14h46
toinou62

Oui la propriété est bien BackColor
17/10/2007, 15h11
Pongten

Citation:

Envoyé par toinou62

Oui la propriété est bien BackColor

Attention à ne pas confondre avec la balise de l'objet asp.

La balise html est bgcolor, et la balise de style est background-color si jamais.
17/10/2007, 15h11
lutecefalco

Et mon code, il te plait pas??:cry:
17/10/2007, 16h05
toinou62

Le problème c'est que les propriétés de mes celulles du gridview sont indéfini. Je ne comprends vraiment pas. Que ce soit l'ID, le backcolor, ... j'ai toujours le message 'undefined' quand je fais une alerte sur la propriété.
Quelqu'un saurait d'où vient le problème ?
17/10/2007, 16h08
lutecefalco

T'as pas du bien recopier mon code
17/10/2007, 16h16
toinou62

Quand je tape document.getElementById(objCell), et il me marque 'indefined'. Donc je ne peux pas faire tourner la boucle. Mon objet objCell a toutes ses propriétés undefined, ce n'est pas normal.
17/10/2007, 16h26
lutecefalco

Faut mettre:

Code:

objCell.Attributes.Add("OnClick", "javascript:return ColorerCellule(this.id)");
17/10/2007, 16h37
toinou62
Oui et bien j'ai retapé cette ligne et mon code javascript est :
Code:

1 2 3 4 function ColorerCellule(objCell) { alert(objCell.ID); }
Il me remet indefined
17/10/2007, 16h41
toinou62

Non en fait il marque : 'ID' a la valeur Null ou n'est pas un objet
17/10/2007, 16h42
lutecefalco

Tu lui passes this.id donc faut faire un alert(objCell) pour obtenir l'id.
Toi tu demandes l'id de l'id.
17/10/2007, 16h50
toinou62

OK, et bien maintenant il m'affiche une fenêtre vide ...
17/10/2007, 16h52
lutecefalco

Montres ton code que tu utilises en ce moment