Discussion :

[soony]

slt,

Je souhaiterais savoir si c'etait possible de colorier (mettre une couleur de fond) dans un tableau html, mais ne pas tout remplir. En fait je veut colorier seulement une diagonale du tableau (pour faire un triangle avec couleur de fond rouge par exemple).

[Zenol]

Oui c'est fesable, garce a dom :

Code :

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

1
2
3
4
5
6
 
<table id='magie'>
<tr><td><td><td>
<tr><td><td><td>
<tr><td><td><td>
</table>

en javascript on va remplique que quelques cases :

Code :

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

1
2
3
4
5
6
7
8
<script langage='javascript'>
 
getelementbyid('magie').firstchild.firstchild.firstchild.style.bgcolor = "#00FFFF";
getelementbyid('magie').firstchild.firstchild.lastchild.style.bgcolor = "#00FFFF";
//Première et dernière case de la première ligne colorier
 
//Pour plus d'info : Tutorieaux javascript/dom sur www.devellopez.com et www.google.fr !
</script>

[soony]

remplir que qq case pour former un triangle, ca va etre dur
Il faudra bien une case qui sera coupé en deux par une diagonale

[Matthieu2000]

remplir que qq case pour former un triangle, ca va etre dur
Il faudra bien une case qui sera coupé en deux par une diagonale

il faut des case à un pixels!
PS utilises des images avec le fond transparent

[javatwister]

un truc du genre ça?

(mettons que tu aies un carré de 10 X 10);

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
 
var t=document.getElementById("t");// le tableau
var c=t.getElementsByTagName('td');// les cellules
 
for(i=0;i!=c.length;i++){
	if((i%10)<=i/10){
		c[i].style.backgroundColor='#ff0000';
	}
}
 
</script>

[soony]

ok. je voit mieux maintenant. Merci !