Changer de couleur cellule

Version imprimable

10/02/2006, 14h30
franck.automaticien

Changer de couleur cellule

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:

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 @+°+
10/02/2006, 15h15
franculo_caoulene

Salut,

Quelle est la différence entre ce message et celui-ci?
10/02/2006, 15h20
franck.automaticien

meme po un soupcon d'idée?? pour mon probléme
13/02/2006, 08h08
franck.automaticien

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

merci d'avance??

bonjour,

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

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

13/02/2006, 09h36
SpaceFrog

sous propriété de style est backgroundColor
13/02/2006, 10h18
franck.automaticien

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

merci a toi
13/02/2006, 10h41
franck.automaticien

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

http://www.membres.lycos.fr/keopshill/images/TD.gif

merci encore de ton aide

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

Code:

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>

13/02/2006, 11h17
franck.automaticien

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

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

essaye ceci
Code:

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'"> </td> </tr> </table>

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

Code:

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:

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

13/02/2006, 11h56
franck.automaticien

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

merci a toi
13/02/2006, 13h48
SpaceFrog

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

si getAttribute ne fonctionne pas essaye setAttribute ...

bonjour,

essaye ceci :
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 <html> <head> <title></title> <script type="text/javascript">  </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.

Citation:
Envoyé par Auteur
bonjour,

essaye ceci :
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 <html> <head> <title></title> <script type="text/javascript">  </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

http://www.membres.lycos.fr/keopshill/images/TD.gif
Que puis je mettre a la place du this??? et du oncklic??
merci de vos reponse
cordialement
keops

15/02/2006, 11h37
franck.automaticien

snif !!
mon projet n'avance pas trop je suis bloquer sa me soule merci
15/02/2006, 11h46
SpaceFrog

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 ???
15/02/2006, 12h02
franck.automaticien

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
15/02/2006, 12h10
franculo_caoulene

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.
15/02/2006, 12h17
denisC

Citation:

Envoyé par Keops_dev

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

Essaye de mettre ton onclick dans un a, ça devrait marcher.

Sinon, pour la doc, je suppose que c'est plutot à toi de le faire qu'à nous.....

merci a vous en faite j'ai réussi a charger une image en faite dans le tableau selon ma valeur dans le javascript

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
function Init()
{
		var R47,R48,R49,message;
		R47 = document.Form1.A.value;
		R48 = document.Form1.B.value;
		R49 = document.Form1.C.value;
 
		if (R47 == "1")
		{
		alert("Valider le Mode Manuel par appui bouton sur DCY");
		document.image_m.src = "mm_v.gif"
		}
		if (R48 == "1")
		{
		alert("Valider le Mode Automatique par appui bouton sur DCY");
		document.image_a.src = "ma_v.gif"
		}
		if (R49 == "1")
		{
		alert("Valider le Mode Vidage par appui bouton sur DCY");
		document.image_v.src = "mv_v.gif"
		}
 
 
 
 
}		
}
</script>