Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1625 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]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
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 ^_^


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
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. }


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
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-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR