[CSS/Javascript] Annuler provisoirement les effets du CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS/Javascript] Annuler provisoirement les effets du CSS

sire de Botcor

Armorican way of life

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 :

<STYLE rel="stylesheet" type="text/css">
td {background-color:transparent;}
</STYLE>
<TABLE border=1 cellspacing=0>
<TR
onmouseover="setPointer(this, 3, 'over', '#FFFFFF', '#D0E0F0', '#9BB3DF');"
onmouseout="setPointer(this, 3, 'out', '#FFFFFF', '#D0E0F0', '#9BB3DF');"
onmousedown="setPointer(this, 3, 'click', '#FFFFFF', '#D0E0F0', '#9BB3DF');">
<TD bgcolor=#FFFFFF>Ligne 1</TD>
<TD bgcolor=#FFFFFF>AAAA</TD>
</TR>
<TR
onmouseover="setPointer(this, 4, 'over', '#FFFFFF', '#D0E0F0', '#9BB3DF');"
onmouseout="setPointer(this, 4, 'out', '#FFFFFF', '#D0E0F0', '#9BB3DF');"
onmousedown="setPointer(this, 4, 'click', '#FFFFFF', '#D0E0F0', '#9BB3DF');">
<TD bgcolor=#FFFFFF>Ligne 2</TD>
<TD bgcolor=#FFFFFF>BBBB</TD>
</TR>
</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

Publicité

sire de Botcor

Armorican way of life

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

David Boring

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 :

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

Ensuite, tu dois modifier ton script.

sire de Botcor

Armorican way of life

Ç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

David Boring

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.

sire de Botcor

Armorican way of life

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

bixibu

Ca ... c'est fait!

Code :

"background:#FFFFFF !important;"

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

sire de Botcor

Armorican way of life

bixibu a écrit :

Code :

"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

sire de Botcor

Armorican way of life

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

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<STYLE rel="stylesheet" type="text/css">
td {background-color:transparent;}
/* lignes impaires */
table tr.odd th, .odd {background: #E5E5E5;}
/* lignes paires */
table tr.even th, .even {background: #D5D5D5;}
/* hover */
.odd:hover,
.even:hover,
.hover {
background: #CCFFCC;
color: #000000;
}
/* ligne de tableau hover */
table tr.odd:hover th,
table tr.even:hover th,
table tr.hover th {
background: #CCFFCC;
color: #000000;
}
</STYLE>
<TABLE border=1 cellspacing=0>
<TR class="odd">
<TD bgcolor=#FFFFFF>Ligne 1</TD>
<TD bgcolor=#FFFFFF>AAAA</TD>
</TR>
<TR class="even">
<TD bgcolor=#FFFFFF>Ligne 2</TD>
<TD bgcolor=#FFFFFF>BBBB</TD>
</TR>
<TR class="odd">
<TD bgcolor=#FFFFFF>Ligne 3</TD>
<TD bgcolor=#FFFFFF>CCCC</TD>
</TR>
</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

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS/Javascript] Annuler provisoirement les effets du CSS

Sujets relatifs
[xhtml et CSS] Probleme de lien sur image..(truc de fou lol)[Résolu]	Gestion automatique d'evenement ? CSS/Javascript
Poblème de div + CSS avec IE	Problème de rendu de CSS sous IE
Objet Webbrowser + javascript + blocage js local IE7	Liste dérouolante avec Mysql et javascript(resolu)
Modifier un compteur javascript	sous menu Css ok sous firefox. Pb sous ie
problème javascript pour déclencher une fonction dans une frame
Plus de sujets relatifs à : [CSS/Javascript] Annuler provisoirement les effets du CSS

Page générée en 0.075 secondes