[CSS/Javascript] Annuler provisoirement les effets du CSS

Annuler provisoirement les effets du CSS [CSS/Javascript] - HTML/CSS - Programmation

Marsh Posté le 21-09-2007 à 14:45:47    

Salut !
 
J'essaie d'annuler provisoirement les effets du CSS pour faire fonctionner du javascript.
 
Mon but est de faire un tableau dont les lignes se colorent au passage du curseur afin de mieux voir sur quoi on pointe.
 
Je n'ai pas le droit de modifier le fichier CSS appelé d'office dans les pages du site.
Il se trouve qu'une ligne de ce CSS empêche ma fonction javascript de fonctionner : td {background-color:transparent;}
 
La méthode habituelle, consistant à redéfinir le td par un class, un id ou un style, directement dans la balise ne fonctionne pas ici
 
J'au fait un résumé ici en plaçant le style CSS auquel je n'ai pas accès directement dans la page :
 -> avec CSS : http://carcreff.free.fr/test/Test_avec_CSS.html
 -> sans CSS : http://carcreff.free.fr/test/Test_sans_CSS.html
 
Est-ce que qqun aurait une idée pour que ça fonctionne aussi avec le CSS ?
 
Voici mon code (hors fonction javascript setPointer trop longue)

Code :
  1. <STYLE rel="stylesheet" type="text/css">
  2. td {background-color:transparent;}
  3. </STYLE>
  4. <TABLE border=1 cellspacing=0>
  5. <TR
  6.    onmouseover="setPointer(this, 3, 'over', '#FFFFFF', '#D0E0F0', '#9BB3DF');"
  7.    onmouseout="setPointer(this, 3, 'out', '#FFFFFF', '#D0E0F0', '#9BB3DF');"
  8.    onmousedown="setPointer(this, 3, 'click', '#FFFFFF', '#D0E0F0', '#9BB3DF');">
  9. <TD bgcolor=#FFFFFF>Ligne 1</TD>
  10. <TD bgcolor=#FFFFFF>AAAA</TD>
  11. </TR>
  12. <TR
  13.    onmouseover="setPointer(this, 4, 'over', '#FFFFFF', '#D0E0F0', '#9BB3DF');"
  14.    onmouseout="setPointer(this, 4, 'out', '#FFFFFF', '#D0E0F0', '#9BB3DF');"
  15.    onmousedown="setPointer(this, 4, 'click', '#FFFFFF', '#D0E0F0', '#9BB3DF');">
  16. <TD bgcolor=#FFFFFF>Ligne 2</TD>
  17. <TD bgcolor=#FFFFFF>BBBB</TD>
  18. </TR>
  19. </TABLE>


Message édité par sire de Botcor le 21-09-2007 à 14:54:00

---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 21-09-2007 à 14:45:47   

Reply

Marsh Posté le 21-09-2007 à 15:55:19    

personne ? :(


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 21-09-2007 à 19:52:11    

J'arrive à overwriter la css avec du style en ligne.
Mais pour cela, j'emploie une autre méthode que toi, un exemple sur la première ligne:

Code :
  1. <TD style="background:#FFFFFF;">Ligne 1</TD>
  2. <TD bgcolor=#FFFFFF>AAAA</TD>


 
Ensuite, tu dois modifier ton script.

Reply

Marsh Posté le 21-09-2007 à 20:14:33    

Ça ne semble pas fonctionner :
http://carcreff.free.fr/test/Test_David_Boring.html


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 21-09-2007 à 20:33:28    

Certe le JS ne fonctionne pas, mais si tu mets un fond de couleur sur le body, tu verras que certaines cellules n'ont plus de fond transparent, mais bien blanc.
En gros, je réponds à cette question

Citation :

La méthode habituelle, consistant à redéfinir le td par un class, un id ou un style, directement dans la balise ne fonctionne pas ici


Et je suis plus à l'aise en CSS qu'en JS donc je ne peux pas t'aider pour ton script.

Reply

Marsh Posté le 21-09-2007 à 20:39:32    

par cette phrase, j'entendais un changement de ce style n'aura pas d'effet... ce que tu as vérifié comme moi avant ;)
 
merci quand même d'avoir essayé


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 22-09-2007 à 19:58:23    

Code :
  1. "background:#FFFFFF !important;"

?

Message cité 1 fois
Message édité par bixibu le 22-09-2007 à 19:58:37
Reply

Marsh Posté le 25-09-2007 à 10:37:54    

bixibu a écrit :

Code :
  1. "background:#FFFFFF !important;"

?


ça ne semble pas fonctionner non plus :sweat:  
en fait le but n'est pas de surcharger le css par qqch d'autre mais bien de décharger le css
parce que c'est la présence d'une initialisation du background du td/th qui empêche de fonctionner :/


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 25-09-2007 à 10:38:51    

J'ai trouvé une solution qui fonctionne avec firefox :) (même plus besoin de javascript)
mais toujours rien avec internet explorer :/
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <STYLE rel="stylesheet" type="text/css">
  3. td {background-color:transparent;}
  4. /* lignes impaires */
  5. table tr.odd th, .odd {background: #E5E5E5;}
  6. /* lignes paires */
  7. table tr.even th, .even {background: #D5D5D5;}
  8. /* hover */
  9. .odd:hover,
  10. .even:hover,
  11. .hover {
  12.     background: #CCFFCC;
  13.     color: #000000;
  14. }
  15. /* ligne de tableau hover */
  16. table tr.odd:hover th,
  17. table tr.even:hover th,
  18. table tr.hover th {
  19.     background:   #CCFFCC;
  20.     color:   #000000;
  21. }
  22. </STYLE>
  23. <TABLE border=1 cellspacing=0>
  24. <TR class="odd">
  25. <TD bgcolor=#FFFFFF>Ligne 1</TD>
  26. <TD bgcolor=#FFFFFF>AAAA</TD>
  27. </TR>
  28. <TR class="even">
  29. <TD bgcolor=#FFFFFF>Ligne 2</TD>
  30. <TD bgcolor=#FFFFFF>BBBB</TD>
  31. </TR>
  32. <TR class="odd">
  33. <TD bgcolor=#FFFFFF>Ligne 3</TD>
  34. <TD bgcolor=#FFFFFF>CCCC</TD>
  35. </TR>
  36. </TABLE>


Message édité par sire de Botcor le 25-09-2007 à 10:39:16

---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Sujets relatifs:

Leave a Replay

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