probleme javascript et gridview

**toinou62** · 17/10/2007, 09h19

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**lutecefalco** · 17/10/2007, 09h29

T'as un msg d'erreur?

**Pongten** · 17/10/2007, 09h37

Et en remplaçant ta fonction JavaScript par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Akanath** · 17/10/2007, 09h40

Tu peux déjà essayer blue au lieu de Blue...vu que Javascript est sensible à la casse...

**toinou62** · 17/10/2007, 09h46

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".

**lutecefalco** · 17/10/2007, 09h48

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 ...

**kangaxx** · 17/10/2007, 10h13

Et tout simplement en mettant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**toinou62** · 17/10/2007, 10h37

Oui mais dans ce cas la fonction javascript s'écrit avec le "this" ?

**toinou62** · 17/10/2007, 14h04

J'appelle donc ma fonction javascript comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et dans mon code javascript j'ai essayé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**lutecefalco** · 17/10/2007, 14h33

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

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

**Pongten** · 17/10/2007, 14h33

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...

**toinou62** · 17/10/2007, 14h46

Oui la propriété est bien BackColor

**Pongten** · 17/10/2007, 15h11

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.

**lutecefalco** · 17/10/2007, 15h11

Et mon code, il te plait pas??

**toinou62** · 17/10/2007, 16h05

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 ?

**lutecefalco** · 17/10/2007, 16h08

T'as pas du bien recopier mon code

**toinou62** · 17/10/2007, 16h16

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.

**lutecefalco** · 17/10/2007, 16h26

Faut mettre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**toinou62** · 17/10/2007, 16h37

Oui et bien j'ai retapé cette ligne et mon code javascript est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function ColorerCellule(objCell)
{  
alert(objCell.ID); 
}

Il me remet indefined

**toinou62** · 17/10/2007, 16h41

Non en fait il marque : 'ID' a la valeur Null ou n'est pas un objet

probleme javascript et gridview

ASP.NET

Discussions similaires

Partager

Partager