Alternance couleurs + survol

Soyez le premier à donner votre avis sur cette source.

Snippet vu 5 765 fois - Téléchargée 33 fois

Contenu du snippet

Alterne les couleurs de lignes d'un tableau et le survol avec une couleur différente
ceci est un ramassis d'astuces des autres
de beaux tableaux en perpective?
je suis amateur

Source / Exemple :


<style type="text/css">
.tabnormal{background-color:$coul;}
 .tabover{background-color:ff8800; }
</style>
<table>
<?php
while($data = mysql_fetch_array($req))
{
$ID = $data['ID'];

 echo "<tr   bgcolor='".( ($coul % 2 == 0) ? '#FFFF00' : '#FFCC66' )."'";
?>
<class="tabnormal" onmouseover="this.className='tabover'" onmouseout="this.className='tabnormal'">
<TD>
<?php echo $ID;?>
<tr><tr>
<?php  $coul=1-$coul;
}
?>
</TABLE>

A voir également

Ajouter un commentaire

Commentaires

Messages postés
281
Date d'inscription
dimanche 7 avril 2002
Statut
Membre
Dernière intervention
11 avril 2013

interessant !

Merci.
Messages postés
31
Date d'inscription
mardi 13 avril 2004
Statut
Membre
Dernière intervention
3 mars 2008

Intéressant mais pourquoi ne pas simplifier ainsi ?
(Le coup du tableau est juste pour faire un test plus rapide)

<style type="text/css">
.tabover{background-color:ff8800; }
</style>

</head>



<?php
$tableau = array("Ligne 1","Ligne 2","Ligne 3","Ligne 4");
?>

<?php
for ( $i = 0; $i < count($tableau); $i++)
{
echo \"<tr bgcolor='\".( ($i % 2 == 0) ? '#FFFF00' : '#FFCC66' ).\"'\";
?>
class=\"tabnormal\" onmouseover=\"this.className='tabover'\" onmouseout=\"this.className='tabnormal'\">
<?php echo $tableau[$i];?>,

<?php
}
?>
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
36
pour éviter le js, t'as :hover en CSS...

sinon, en php on préfère les ' aux " (comme t'as sorti les vaiables ça ne devrait pas poser de problèmes...)

.tabnormal{background-color:$coul;}

c'est pas dans du code php... t'es sur que ça marche... tes css ne servent à rien... ou alors juste à poluer le code...

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.