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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [javascript] changer couleur dans plusieurs cellules

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[javascript] changer couleur dans plusieurs cellules

n°826813
peace50
Posté le 19-08-2004 à 15:13:24  profilanswer
 

lut
 
voila j ai cree plusieurs balise td  ou j ai coller le meme id et j ai rajoute un fonction OnMouseOver="chgColor(id,'ff00ff');"
 
comment doit etre la fonction chgColor pour mettre la couleur ff00ff dans toute mes cases ayant le meme id
 
c est 4 facon ne marche pas
 
function chgColor(rowNum,Color) {  
//document.all(rowNum).style.bgColor=Color;
//rowNum.style.BackGroundColor=Color
//rowNum.bgColor=Color
document.getElementById(id).style.backgroundColor=Color
}  
 
 
quelle est la bonne syntaxe
merci ++

mood
Publicité
Posté le 19-08-2004 à 15:13:24  profilanswer
 

n°827280
Leris
Posté le 19-08-2004 à 22:19:27  profilanswer
 

Lut aussi ,
 
2 éléments d'une page ne peuvent avoir le même id
 

Code :
  1. <html>
  2. <head>
  3. <title>page web</title>
  4. </head>
  5. <body>
  6. <table border=1 id=monTable width=200 height=200 >
  7. <tr>
  8.        <td id=a1 onclick="colorTD(this.id)">&nbsp;a1</td>
  9.        <td id=a2 onclick="colorTD(this.id)">&nbsp;a2</td>
  10. </tr>
  11. <tr>
  12.        <td id=b1 onclick="colorTD(this.id)">&nbsp;b1</td>
  13.        <td id=b2 onclick="colorTD(this.id)">&nbsp;b2</td>
  14. </tr>
  15. <tr>
  16.        <td id=a3 onclick="colorTD(this.id)">&nbsp;a3</td>
  17.        <td id=b3 onclick="colorTD(this.id)">&nbsp;b3</td>
  18. </tr>
  19. </table>
  20. <script language="javascript">
  21. function colorTD(currentTD)
  22. {
  23. allTD = document.getElementById("monTable" ).getElementsByTagName("td" );
  24. for(i=0;i<allTD.length;i++)
  25.   if (allTD[i].id.substr(0,1)==currentTD.substr(0,1))
  26.        allTD[i].style.background = "#FF6600";
  27.   else
  28.        allTD[i].style.background = "#FFFFFF";
  29. }
  30. </script>
  31. </body>
  32. </html>


 
++
 
L

n°830882
peace50
Posté le 24-08-2004 à 15:30:45  profilanswer
 

thks
sous mozilla ok mais j ai la net impresion que ca macrhe pas sous Ie
qu est ce qu il marche pas et par koi remplacer

n°830905
masklinn
í dag viðrar vel til loftárása
Posté le 24-08-2004 à 15:56:53  profilanswer
 

:pfff:  
les CSS prévoient une magnifique pseudo classe "hover" et voila :cry:  
 
et mise en page à coup de tables en bonus [:benou_miam]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°830921
peace50
Posté le 24-08-2004 à 16:15:15  profilanswer
 

j ai rien dit
lol
thks

n°833154
Leris
Posté le 26-08-2004 à 18:43:31  profilanswer
 

Masklinn : où as tu vu une mise en page à coup de tables ?
qui te dit qu'il n'a pas l'intention d'afficher des données tabulaires ?
l'utilisation des tables serait-t'elle interdite ?
serais-tu devin ?

n°833253
masklinn
í dag viðrar vel til loftárása
Posté le 26-08-2004 à 20:53:33  profilanswer
 

je parlais de ce que tu as commis pas de lui ^_^


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°833669
Leris
Posté le 27-08-2004 à 06:48:24  profilanswer
 

ben , donne ta version au lieu de critiquer stupidement !!!

n°833760
pierre6020
Posté le 27-08-2004 à 09:51:06  profilanswer
 

D'accord pour les tableaux, si c'est justifié,
mais les &nbsp; n'ont rien à faire là.
 
Ma solution?
 
margin-left: 1em;
 
Voilà :)

n°833800
masklinn
í dag viðrar vel til loftárása
Posté le 27-08-2004 à 10:29:03  profilanswer
 

c'est déjà fait, CSS td:hover, ultra dur
 
je peux même préciser:

Code :
  1. td:hover {
  2.     background-color: #FF00FF;
  3. }


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
mood
Publicité
Posté le 27-08-2004 à 10:29:03  profilanswer
 

n°834451
Leris
Posté le 27-08-2004 à 18:27:18  profilanswer
 

ah ouais ....
t'a tout compris !
 
"pour mettre la couleur ff00ff dans toutes mes cases ayant le meme id " et non uniquement DANS LA CASE SURVOLEE !
 
et hover ne fonctionne pas sous I.E (+ de 80% des internautes !)
BRAVO !


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

  [javascript] changer couleur dans plusieurs cellules

 

Sujets relatifs
xhtml 1.0 strict & javascript mozillaPartager des données entre plusieurs appli-web
document_root et plusieurs sitesc'est possible de faire ça ??? [javascript inside]
Javascript Xhtml et W3c[SQL] Faire un update sur plusieurs critères provenant d'une table
Rech. javascript de masque de saisie d'un champ dd/mm/yyyy hh:mi ?Recuperer le resultat d'un system sur plusieurs lignes ...
police en javascript var taille="5";cherche un script Javascript
Plus de sujets relatifs à : [javascript] changer couleur dans plusieurs cellules


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)