Discussion :

[Prjprj]

bonjour a tous

je suis actuellement en train de programmer un script PHP d'interrogation d'une base de données mysql

j'affiche un beau tableau avec le contenu de ma base, donc pour le PHP pas de problèmes, le problème vient du fait que je cherche a inclure une coloration de la ligne que la souris survole, un peu comme dans PHPMyAdmin pour ceux qui connaissent

n'ayant pas trouvé de réponses a ma question dans les FAQ et les sources proposées sur le site, je m'en remet a vos lumières

merci d'avance

[Kerod]

de ce style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
tr:hover
{
background-color: #FF0000;
}

du css et non du js

Comme c'est la ligne que tu veux j'ai donc mis pour le tr

[Prjprj]

je ne demande pas comment mettre une couleur dans une ligne, ca je sait le faire, ce que je demande c'est de modifier la couleur de la ligne survollée par la souris

[Kerod]

Fallait préciser que c'était pas le background mais plutot la couleur de la police

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script language="javascript">
function change2(id)
{
 
document.getElementById(id).style.color='#FF0000';
}
</script>
<table border="1" width="100%">
<tr id='tr1' onmouseover="change2(this.id)"><td>test</td><td>test</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
</table>

et pour info tr:hover c'est le survol du tr et non la coloration du tr si c'est le background que tu veux...Si c'est uniquement le texte c'est le code plus haut

[Prjprj]

bon, je croit que j'ai mal expliqué

j'ai une table contenant une ligne par enregistrement dans ma base de données (le background de cette ligne est bleu ciel la police est noire), ce que je cherche a faire c'est que la ligne change de background lorsque la souris la survole

pour donner un exemple, ce genre de chose existe dans phpMyAdmin, quand on regarde le contenu d'une table de la base de données

[Kerod]

au risque de me répéter ce que tu demandes est exactement ce que je te donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 tr:hover
{
background-color: #FF0000;
}

plus de détail :
tr : ligne de la table
hover : sur le survol (lorsque la souris est dessus) meme chose que pour le <a>

[Prjprj]

ok, autant pour moi, j'avais mal lu le premier post et étant débutant en CSS je ne pensait pas que le survol était géré par les CSS

désolé pour la prise de tête

[Kerod]

Mais si tu veux du js obligatoirement ca peut s'arranger
tu rajoutes des id à tous les tr puis tu fais appel à une fonction qui change la couleur comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 function change2(id)
{
 
document.getElementById(id).style.background-color='#FF0000';
}

puis sur le onmouseout une autre fonction qui réinit

[SpaceFrog]

Oui Keros hormis une petite erreur de syntaxe:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 function change2(id)
{

document.getElementById(id).style.backgroundColor='#FF0000';
}

Les propriété css avec trait d'union se transforment en javascript en supprimant le trait d'unionet en mettant une majuscule aux deuxième terme. (sauf une ou deux exceptions que je n'ai plus en mémoire)

[Kerod]

Bon si tu le dis je m'incline...Mais ca fonctionnait quand j'ai testé