[HTML - JAVASCRIPT/ DIV] couleur de fond!!!!

couleur de fond!!!! [HTML - JAVASCRIPT/ DIV] - Programmation

Marsh Posté le 06-11-2001 à 16:19:37    

salut!
j'aimerai changer la couleur de fond d'un div, si elle est blanche (FFFFFF) la faire basculer vers noir, et vicé versa (000000)
 
comment eske je pourrais faire? il faut que je puisse lire la couleur, et changer la couleur,
 
merci :jap:

 

[edtdd]--Message édité par k666--[/edtdd]

Reply

Marsh Posté le 06-11-2001 à 16:19:37   

Reply

Marsh Posté le 06-11-2001 à 16:25:32    

<div id="toto" ...>
 
document.all.toto.BackgroundColor (je ne sais plus si c'est un nombre ou une chaine de caractere)


---------------
Le site de l'année :D (XHTML 1.0 strict) : http://darkoli.free.fr/index.html
Reply

Marsh Posté le 06-11-2001 à 16:28:34    

un petit exemple rapide ...
 
<script>
 function switchColor(n)
 {
  c = n.style.backgroundColor;
  if (c == 'rgb(0,0,0)';) c = 'rgb(255,255,255)';
  else    c = 'rgb(0, 0, 0)';
  n.style.backgroundColor = c;
 }
</script>
 
<div style="background-color: rgb(0,0,0);" onClick="switchColor(this);">
texte du div
</div>

Reply

Marsh Posté le 07-11-2001 à 10:24:21    

merci bokoo :)
j'essaye ça toudsuite!

Reply

Marsh Posté le 07-11-2001 à 11:35:41    

j'ai fait commeaç:
 
<div style='background-color:#FFFFFF' name='r",$row,"_c",$col,"' onfocus='javascript:swap(this,\"",$k,"\" );' onclick='javascript:swap(this,\"",$k,"\" );'>
 
 
 
et pour le JS:
 
<script>
 
function swap(div_id,img_id)
{
 
 c = div_id.style.backgroundColor;
 
 if (c == '#000000';) c = '#FFFFFF';
 else c = '#000000';
 div_id.style.backgroundColor = c;
 
}
</script>
 
 
par contre, mes div sont dans un tableau et ils contiennent une image:
 
<td align=center valign=middle width=340><div style='background-color:#FFFFFF' name='r3_c8' onfocus='javascript:swap(this,"dscf0128.jpg" );' onclick='javascript:swap(this,"dscf0128.jpg" );'><img width=300 src='img_tmp/th_dscf0128.jpg' border=0></div></td>
 
 
 
 
et! quand je swappe la couleur, bah c pas cool, ça affiche noir que dans la zone du div (dans son height je veux dire ;) )
j'ai essayé en mettant au div un height=100% mais marche po  :gun:  
 
comment puyis je faire ?

Reply

Marsh Posté le 07-11-2001 à 12:01:06    

http://212.198.190.68/projet1/thum [...] 0&size=100
 
j'arrive pas à donner 100% de height au DIV dans un TD! !!!! !!! !!!!!!

Reply

Marsh Posté le 07-11-2001 à 12:18:13    

re-re-re:
j'ai rajouté dans le style du div:
 
 
 
<td align=center valign=middle height=200 width=140><div style='height:100%;background-color:#FFFFFF' name='r3_c7' onclick='javascript:swap(this,"dscf0126.jpg" );'><img width=100 src='img_tmp/th_dscf0126.jpg' border=0></div></td>
 
 
le problème est que, maintenant, l'image n'est plus centrée  :pt1cable:  :pt1cable:  :pt1cable:  :cry:  
sauriez vous comment faire???????
 
 
 
yatil une sorte de VALING pour les div?????

 

[edtdd]--Message édité par k666--[/edtdd]

Reply

Marsh Posté le 07-11-2001 à 12:57:50    

c'est pas le div qu'il faut changer, c'est la table.  
 
<table cellpadding='0' cellspacing='0'>
 
http://www.w3.org/TR/html4/struct/tables.html
 
http://www.w3.org/TR/html4/images/cellsppad.gif

Reply

Marsh Posté le 07-11-2001 à 13:05:09    

aille
ça c'est bon le problème c autre chose!!!
regardes (si tu veux, bien sur)
 
http://212.198.190.68/projet1/thum [...] 0&size=100
 
tu peux cliquer sur les images si tu veux

 

[edtdd]--Message édité par k666--[/edtdd]

Reply

Marsh Posté le 07-11-2001 à 13:35:07    

hmmm ...
 
tu enlèves le 'height: 100%' et ça marche très bien.

Reply

Marsh Posté le 07-11-2001 à 13:35:07   

Reply

Marsh Posté le 07-11-2001 à 13:41:48    

ci-maire ;)
c vrai!

Reply

Marsh Posté le 07-11-2001 à 15:51:12    

mais en fait, du coup, ça étire pas la couleur noire sur 100% de la hauteur de mon TD !!!!!
 
 
exemple:
 
http://212.198.190.68/projet1/thum [...] 0&size=100

 

[edtdd]--Message édité par k666--[/edtdd]

Reply

Marsh Posté le 07-11-2001 à 17:38:01    

pas de soluce?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed