Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
836 connectés 

  FORUM HardWare.fr
  Programmation

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°70010
k666
dites non à petitmou
Posté le 06-11-2001 à 16:19:37  profilanswer
 

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]

mood
Publicité
Posté le 06-11-2001 à 16:19:37  profilanswer
 

n°70017
darkoli
Le Petit Dinosaure Bleu
Posté le 06-11-2001 à 16:25:32  profilanswer
 

<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
n°70020
youdontcar​e
Posté le 06-11-2001 à 16:28:34  profilanswer
 

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>

n°70212
k666
dites non à petitmou
Posté le 07-11-2001 à 10:24:21  profilanswer
 

merci bokoo :)
j'essaye ça toudsuite!

n°70231
k666
dites non à petitmou
Posté le 07-11-2001 à 11:35:41  profilanswer
 

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 ?

n°70235
k666
dites non à petitmou
Posté le 07-11-2001 à 12:01:06  profilanswer
 

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

n°70249
k666
dites non à petitmou
Posté le 07-11-2001 à 12:18:13  profilanswer
 

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]

n°70270
youdontcar​e
Posté le 07-11-2001 à 12:57:50  profilanswer
 

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

n°70272
k666
dites non à petitmou
Posté le 07-11-2001 à 13:05:09  profilanswer
 

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]

n°70294
youdontcar​e
Posté le 07-11-2001 à 13:35:07  profilanswer
 

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

mood
Publicité
Posté le 07-11-2001 à 13:35:07  profilanswer
 

n°70298
k666
dites non à petitmou
Posté le 07-11-2001 à 13:41:48  profilanswer
 

ci-maire ;)
c vrai!

n°70357
k666
dites non à petitmou
Posté le 07-11-2001 à 15:51:12  profilanswer
 

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]

n°70408
k666
dites non à petitmou
Posté le 07-11-2001 à 17:38:01  profilanswer
 

pas de soluce?


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation

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

 

Sujets relatifs
[JavaScript ou autre]Rafraichir une autre fenetreflash5 couleur transparent ???
En html, comment autoriser ou non l'ascenseur dans une page web?[HTML] diiférence de comportement suivant la version de IE?
[html] son et clip video au format realplayer???[ JavaScript / CSS ] changer la valeur d1 style avec onMouseOver. HELP
[HTML] Quelle cible choisir pour la fenêtre parente d'une popup ?[html] étirement des backgrounds possible?
[ HTML , JavaScript ] prob de formulaire .... 
Plus de sujets relatifs à : [HTML - JAVASCRIPT/ DIV] couleur de fond!!!!


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR