Changer de couleur cellule

**franck.automaticien** · 10/02/2006, 14h30

Bonjour
je developpe une application en javascript 1.2
et je suis obligé de faire un changement de couleur de cellule avec la fonction BGCOLOR

suivant sa

Code :

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

document.getElementsByTagName('td')[0].style.backgroundColor='green'

en faite ceux ci marche trés bien dans Internet Explorer mais cela ne marche pas dans mon application Tactile en JavaScript 1.2
car le backgroundcolor n'est pas accépter par mon application mais BGCOLOR est accepter mais je ne sais pas comment faire
est ce que quelqu'un peut m'aider ???

merci @+°+

**franculo_caoulene** · 10/02/2006, 15h15

Salut,

Quelle est la différence entre ce message et celui-ci?

**franck.automaticien** · 10/02/2006, 15h20

meme po un soupcon d'idée?? pour mon probléme

**franck.automaticien** · 13/02/2006, 08h08

méme pas un soupcon d'idé???

merci d'avance??

**Auteur** · 13/02/2006, 09h23

bonjour,

bgcolor n'est pas une "sous-propriété" de la propriété style.
Voici un exemple d'utilisation de bgColor :

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
30
31
32
 
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function ChangeCouleur()
{
 var elmt = document.getElementById("Cellule");
 elmt.bgColor = "#A1D2C3"; 
}
 
//-->
</script>
</head>
 
<body>
<table border="1">
  <tr>
    <td>AAAAA
    </td>
    <td>AAAAA
    </td>
    <td id="Cellule" bgcolor="#AAAAAA">AAAAA
    </td>
  </tr>
</table>
<input type="button" value="Bouton" id="BNom" onclick="ChangeCouleur()">
 
</body>
 
</html>

**SpaceFrog** · 13/02/2006, 09h36

sous propriété de style est backgroundColor

**franck.automaticien** · 13/02/2006, 10h18

je te remercie je v tester sa sur mon Application Tactile normalement sa doit marcher car sa accepte le bgCOLOR

merci a toi

**franck.automaticien** · 13/02/2006, 10h41

snif merci pour ton aide mais sa ne marche pas je sui degouter peut on utiliser un Bgcolor sans Id car comme tu le voi ci dessous voici ce que accepte mon afficheur pour les balise Td
il y a BGcolor mais pas de Id snifff

en faite ou il y a les rond c'est les balise accepter par l'ecran tactile

merci encore de ton aide

**SpaceFrog** · 13/02/2006, 11h06

ben tu es sous quel nav ... j'ai testé ça sans souci

Code :

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

1
2
3
4
5
6
<table style='width:100%' >
	<tr>
		<td style="background-color:blue;width:100%;" onmouseover="this.style.backgroundColor='red';" onmouseout="this.style.backgroundColor='blue'">&nbsp;</td>
	</tr>
 
</table>

**franck.automaticien** · 13/02/2006, 11h17

en faite c pas un navigateur c'est une application tactile sur un robot qui n'accepte qu certaine balise et javascriopt 1.1 ou 1.2 ,
en faite le code sa marche sur IE ou Mozilla mais sa ne marche sur l'ecran que je devellope

je vien de m'apercevoir qu'il accepte la methode write sur les documen est ce que tu as un exemple de write a me filer??
merci a toi mec pour ces info
je galere sa me soul cette afficheur de merde

merci a toi

**SpaceFrog** · 13/02/2006, 11h42

Oki scuz j'avais pas compris la spécificité de l'afficheur ...

essaye ceci

Code :

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

1
2
3
4
5
6
7
<table style='width:100%' >
   <tr>
      <td BGCOLOR="blue"
 onmouseover="this.getAttribute("BGCOLOR")='red';" onmouseout="this.getAttribute("BGCOLOR")='blue'">&nbsp;</td>
   </tr>
 
</table>

**franck.automaticien** · 13/02/2006, 11h53

par rapport a un une valeur en java sa pourait faire quoi???

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function Init()
{
 
		var msg;
		msg = document.PassForm.A.value;
		alert(msg);
		if (msg == "1")
		{
		this.getAttribute("BGCOLOR")='red';
 		}
}

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
TABLE HEIGHT="388" WIDTH="628" BORDER="1" CELLSPACING="0" >
<TD id = "MANU1" ALIGN="Center" HEIGHT="100" WIDTH="100">
		<H2>TestScript</H2> 
		<FORM NAME="PassForm">
		<INPUT TYPE="HIDDEN" name="A" value=1>
		<INPUT TYPE="BUTTON" value="R1" onclick= "javascript: Init()">
</FORM>
</TD>
	<TD BGCOLOR= "blue" ALIGN="Center" HEIGHT="100" WIDTH="100">
 
 
		<a href="javascript: Init1()" >AA TEST</a> 
 
</TD>
 
</TABLE>
 
<table>
   <tr>
      <td WIDTH="388" BGCOLOR="blue">&nbsp;</td>
   </tr>
 
</table>
</BODY>
</HTML>

Merci a toi

**franck.automaticien** · 13/02/2006, 11h56

Est ce que tu as vus mon manuel??
sa te parle un peu??

merci a toi

**SpaceFrog** · 13/02/2006, 13h48

Heu non pour le manuel dsl pas le temps ...

si getAttribute ne fonctionne pas essaye setAttribute ...

**Auteur** · 14/02/2006, 12h34

bonjour,

essaye ceci :

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
 
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function ChangeCouleur(objet, couleur)
{
 objet.bgColor = couleur;
}
 
//-->
</script>
</head>
 
<body>
<table border="1">
  <tr>
    <td bgcolor="#AAAAAA" onclick="ChangeCouleur(this,'#D2A1C3')">cellule 1
    </td>
    <td bgcolor="#AAAAAA" onclick="ChangeCouleur(this,'#A1C3D2')">cellule 2
    </td>
    <td bgcolor="#AAAAAA" onclick="ChangeCouleur(this,'#A1D2C3')">cellule 3
    </td>
  </tr>
</table>
</body>
</html>

pour changer la couleur, il faut cliquer sur la cellule. L'objet concerné et la couleur sont les arguments de la fonction. Sinon précise dans quelles circonstances la cellule doit changer de couleur.

**franck.automaticien** · 15/02/2006, 11h23

Envoyé par Auteur

bonjour,

essaye ceci :

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
 
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function ChangeCouleur(objet, couleur)
{
 objet.bgColor = couleur;
}
 
//-->
</script>
</head>
 
<body>
<table border="1">
  <tr>
    <td bgcolor="#AAAAAA" onclick="ChangeCouleur(this,'#D2A1C3')">cellule 1
    </td>
    <td bgcolor="#AAAAAA" onclick="ChangeCouleur(this,'#A1C3D2')">cellule 2
    </td>
    <td bgcolor="#AAAAAA" onclick="ChangeCouleur(this,'#A1D2C3')">cellule 3
    </td>
  </tr>
</table>
</body>
</html>

pour changer la couleur, il faut cliquer sur la cellule. L'objet concerné et la couleur sont les arguments de la fonction. Sinon précise dans quelles circonstances la cellule doit changer de couleur.

Merci a toi mais , comme je l'ai dit precedement mon soft n'accepte que certaine balise
ci dessous

Que puis je mettre a la place du this??? et du oncklic??
merci de vos reponse
cordialement
keops

**franck.automaticien** · 15/02/2006, 11h37

snif !!
mon projet n'avance pas trop je suis bloquer sa me soule merci

**SpaceFrog** · 15/02/2006, 11h46

heu ce que tu nous montres là se rapprote plus au style du td, pas aux évènement qui lui sont associés...
en fait si c'est une application écran tactile, il faudrait savoir comment le lien est fait entre le tactile et le onclick
existerait il un evènement ontouch ?
La clé de ton problème est quel sont les évènements à utiliser ???

**franck.automaticien** · 15/02/2006, 12h02

wep c clair

dans le dossier du tactile sur le manuel dans les dernier page il y son inscrit

http://www.membres.lycos.fr/keopshill/images/tactil.pdf
si ta un peu de temp tu peux look

merci a toi de me repondre
ou quelqu'un d'otre
merci encore
cordialement keops

**franculo_caoulene** · 15/02/2006, 12h10

Le MP sur la façon d'écrire n'était pas pour un message précis mais pour ton style de rédaction en général.

Changer de couleur cellule

JavaScript

Discussions similaires

Partager

Partager