Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

[Javascript] Ligne en couleurs

mofo

Par mofo
dans Programmation

 Partager

Messages recommandés

KewlCat Devil Member !

KewlCat

Posté(e)
Posté(e)
Ca ne fonctionne pas sour firefox... :roll:
Et pour cause...
var tdata = tr.cells(i);

C'est pas "W3C Compliant", ça...

 

Perso j'utiliserais la classe sur le TR en mettant le background-color des TD en "inherit", et en utilisant this au lieu de la moche boucle sur this.cells

Lien vers le commentaire
Partager sur d’autres sites
mofo Mega Power Member

mofo

Posté(e)
  • Auteur
Posté(e)

Tout d'abord un grand merci à tout le monde. Grace à vous j'ai trouvé coquillage à mon collier.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.normal {font-family:tahoma;font-size:8pt;background-color:white}
.overTR  {font-family:tahoma;font-size:8pt;background-color:blue;color:white}
.clicked {font-family:tahoma;font-size:8pt;background-color:red;color:white}
.clickedd {font-family:tahoma;font-size:8pt;background-color:white}
-->
</style>

<script language="JavaScript" type="text/javascript">
var savClass  = "";
var savClass2 = "";
var lastTR    = null;

function rOver(aTR) {
savClass      = aTR.className;
if (aTR.className != "clicked") aTR.className = "overTR";
} // function rOver(aTR)

function rOut(aTR) {
if (aTR.className == "clickedd") return;
if (aTR.className == "clicked") return;
aTR.className = savClass;
} // rOut(aTR)

function rEvidenzia(aTR) {
savClass      = aTR.className;
if (aTR.className == "clicked") aTR.className = "clickedd";
else aTR.className = "clicked";
} // rOut(aTR)

</script>


</head>
<body>
<table summary="" cellpadding="0" >
<tr  class="normal" onmouseover="rOver(this);" onmouseout="rOut(this);" onclick="rEvidenzia(this);">
<td>AAAAAAAAAAAAAAAAAAAAA</td>
<td>AAAAAAAAAAAAAAAAAAAAA</td>
<td>AAAAAAAAAAAAAAAAAAAAA</td>
<td>AAAAAAAAAAAAAAAAAAAAA</td>
</tr>
<tr  class="normal" onmouseover="rOver(this);" onmouseout="rOut(this);" onclick="rEvidenzia(this);">
<td>AAAAAAAAAAAAAAAAAAAAA</td>
<td>AAAAAAAAAAAAAAAAAAAAA</td>
<td>AAAAAAAAAAAAAAAAAAAAA</td>
<td>AAAAAAAAAAAAAAAAAAAAA</td>
</tr>
<tr  class="normal" onmouseover="rOver(this);" onmouseout="rOut(this);" onclick="rEvidenzia(this);">
<td style="background-color:inherit;">AAAAAAAAAAAAAAAAAAAAA</td>
<td style="background-color:inherit;">AAAAAAAAAAAAAAAAAAAAA</td>
<td style="background-color:inherit;">AAAAAAAAAAAAAAAAAAAAA</td>
<td style="background-color:inherit;">AAAAAAAAAAAAAAAAAAAAA</td>
</tr>
<tr  class="normal" onmouseover="rOver(this);" onmouseout="rOut(this);" onclick="rEvidenzia(this);">
<td>AAAAAAAAAAAAAAAAAAAAA</td>
<td>AAAAAAAAAAAAAAAAAAAAA</td>
<td>AAAAAAAAAAAAAAAAAAAAA</td>
<td>AAAAAAAAAAAAAAAAAAAAA</td>
</tr>
</table>
</body>
</html>

 

Dans mon cas, je n'ai pas besoin de lignes bi-colores ... donc là j'ai retapé le code fournit à ma guise !!! et ca donne ca. Mince j'ai pas vérifié sous IE !!! (en fait je m'en fou de IE). C'est bon g vérifié.

 

Merci encore. Je pense qu'il peut etre grandement modifié mais c'est deja tres bien.

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...