Rechercher : dans
Par :

[Javascript] remplissage d'1 cellule

Dernière réponse le 17 avr 2004 à 00:33:31 totodude, le 14 avr 2004 à 15:16:50 
 Signaler ce message aux modérateurs

Bonjour,

je voudrais dans une fonction javascript recolorier une case de mon tableau, en noir par exemple.
je pensais faire :
document.getElementById("topLeftMark").bgcolor=rgb(0,0,0);

ou topLeftMark est l'id de la cellule a colorier, mais ca n'a pas pas l'air de marcher.

quelqu'un saurait comment ca marche ?

merci beaucoup
tom

Meilleures réponses pour « [Javascript] remplissage d'1 cellule » dans :
[Excel] Colorer des cellules sur conditions VoirIl existe dans Excel des fonctions très pratiques mais peu connues et peu utilisées. Exemple : vous souhaitez qu'une cellule se colore automatiquement en rouge (ou autre mise en forme de police, de bordure, de trame) selon une condition : un...
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Les variables VoirLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,...
Javascript - L'objet Date VoirLes particularités de l'objet Date L'objet Date permet de travailler avec toutes les variables qui concernent les dates et la gestion du temps. Il s'agit d'un objet inclus de façon native dans Javascript, et que l'on peut toujours utiliser. La...

1

totosweet, le 16 avr 2004 à 11:49:47

Chibiiiiiiiiiiiiiiii!

Répondre à totosweet

2

 SirHill, le 17 avr 2004 à 00:33:31

Salut

Le mieux est encore de passer par les CSS.
Voici ci-dessous un exemple de code où l'on peut changer la couleur des cellules du tableau en cliquant dessus ou en les survolant.

<html>
<head>
<title>Exemple</title>
<style type="text/css">
<!--
.TR_Normal { background-color: #3399FF} 
.TR_Survol { background-color: #000099} 
.TR_Clique { background-color: #FFCC00} 
-->
</style>
<script language="JavaScript"> 
<!-- 
function Change(id, Mode) { 
	var Etat = document.getElementById("TR"+id).className; 
	switch(Mode) { 
 		case "Over": 
  			if(Etat!="TR_Clique") 
   				document.getElementById("TR"+id).className="TR_Survol"; 
  				break; 
 		case "Out": 
  			if(Etat!="TR_Clique") 
   				document.getElementById("TR"+id).className="TR_Normal"; 
  				break; 
 		case "Click": 
  			if(Etat=="TR_Clique") 
   				document.getElementById("TR"+id).className="TR_Survol"; 
  			else 
   				document.getElementById("TR"+id).className="TR_Clique"; 
  				break; 
	}  
} 
//--> 
</script>
</head>

<body>
<div align="center">
  <TABLE>
    <TR id="TR1" class="TR_Normal" onMouseOver="Change(1,'Over');" onMouseOut="Change(1,'Out');" onClick="Change(1,'Click');"> 
      <TD width="200" height="100"> </TD>
    </TR> 
<TR id="TR2" class="TR_Normal" onMouseOver="Change(2,'Over');" onMouseOut="Change(2,'Out');" onClick="Change(2,'Click');">
      <TD width="200" height="100"> </TD>
    </TR> 
    <TR id="TR3" class="TR_Normal" onMouseOver="Change(3,'Over');" onMouseOut="Change(3,'Out');" onClick="Change(3,'Click');"> 
      <TD width="200" height="100"> </TD>
    </TR> 
</TABLE> 
</div>
</body>
</html>
Bon courage et @+

Répondre à SirHill
Collection CommentÇaMarche.net