Se connecter / S'enregistrer
Votre question

Rowspan et mouseover

Tags :
  • Html
  • Javascript
  • rowspan
  • mouseover
  • Programmation
Dernière réponse : dans Programmation
2 Avril 2012 16:09:20

Bonjour,
J'ai présentement un problème de tableau dans un site web alors je viens voir si quelqu'un peut m'aider.

J'ai ici un tableau :


Comme vous pouvez voir, ma premier colonne est composé de 2 lignes fusionnés.
Sur l'évènement MouseOver, j'aimerais que la première colonne ainsi que les deux cases vis-a-vis dans "autre" sois aussi en "bleu".

Voici le code HTML :
  1. <tr bgcolor="#CCCCCC" >
  2. <td class="EnteteListeBabillard" width="50%"><span id="SousSousTitreContenu">test></td>
  3. <td class="EnteteListeBabillard" width="20%" align="center"><span id="SousSousTitreContenu">autre</span></td>
  4. </tr>
  5. <tr bgcolor="#FFFFFF" onmouseover="ChangeColor(this, true, 33);" onmouseout="ChangeColor(this, false, 33);" onclick="DoNav('http://www.google.com/');" style="cursor: pointer;">
  6. <TH ROWSPAN=2 >Sales</TH>
  7.  
  8. <td style="vertical-align:middle; font-size:13px;" align="center"><span style="font-weight:bold;">Sherbrooke</span></td>
  9. </tr>
  10.  
  11. <tr bgcolor="#FFFFFF" style="cursor: pointer;">
  12.  
  13. <td style="vertical-align:middle; font-size:13px;" id="maman" align="center"><span style="font-weight:bold;">Cantons de l'est</span></td>
  14. </tr>
  15.  
  16. <tr bgcolor="#FFFFFF" onclick="DoNav('http://www.google.com/');" style="cursor: pointer;">
  17. <TH ROWSPAN=2 bgcolor="#CCCCCC">Sales</TH>
  18. <td style="vertical-align:middle; font-size:13px;" align="center"><span style="font-weight:bold;">Sherbrooke</span></td>
  19. </tr>
  20.  
  21. <tr bgcolor="#CCCCCC" onclick="DoNav('http://www.google.com/');" style="cursor: pointer;">
  22.  
  23. <td style="vertical-align:middle; font-size:13px;" align="center"><span style="font-weight:bold;">Cantons de l'est</span></td>
  24. </tr>



Et voici le code Javascript qui l'accompagne (ChangeColor) :
  1. function ChangeColor(tableRow, highLight, nombre)
  2. {
  3. if (highLight){
  4. tableRow.style.backgroundColor = '#4682B4';
  5. document.getElementById("TitreListeBabillard" + nombre).style.color = "#FFF";
  6. document.getElementById("maman").style.background = "#4682B4";
  7. }
  8. else{
  9. tableRow.style.backgroundColor = 'white';
  10. document.getElementById("TitreListeBabillard" + nombre).style.color = "#F00";
  11. document.getElementById("maman").style.background = '#4682B4';
  12. }
  13. }



Merci pour votre aide.
Maxime

Autres pages sur : rowspan mouseover

a c 232 L Programmation
2 Avril 2012 21:33:34

Hello,

C'est backgroundColor et pas background (ligne 6 et 11 de ton code JavaScript)
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS