Discussion :

[jobo]

Bonjour,

j'ai des tableaux générés en php, et je souhaite pourvoir changer le background d'un tableau lorsque la souris passe dessus.

J'ai donc fait une fonction javascript qui change le background en fonction de l'Id, mais comme l'Id doit être différent pour chaque tableau, je suis un peu bloqué..

Code php:

Code :

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

1
2
3
4
 
echo "<table id='mission' onMouseOver="?>"return testColor('mission');"<? ">";
echo "<tr><td>$date</td><td>$titre</td><td></tr> 
echo "</table>";

Code javascript:

Code :

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

1
2
3
4
5
 
function testColor(id){
var mission = document.getElementById(id);
mission.className = "arrayMission"; 
}

Et j'ai une css avec une classe "arrayMission" qui attribue la couleur de background voulue.

Il y a donc une communication javascript/php que je ne sais pas comment résoudre..

Merci d'avance

[laurentibus]

essaye d attribuer directement l'action de levenement a ton tableau.
qq chose qui ressemblerai a ca :

Code :

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

1
2
3
4
 
 
echo "<table id='mission' onMouseOver="this.className = "arrayMission"; 
">;

sans les erreurs de syntaxe of course
mais voila sinon je pense que tout devrais marcher comme tu le souhaite.


++

[jobo]

Ben super ça marche, et sans se prendre la tête en plus, je te remercie laurentibus

Pour être complet, voilà le code fonctionnel et arrangé de mon php:

Code :

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

1
2
3
4
5
6
7
 
$classIn = "'pointUp'";
$classOut = "'pointDown'";
 echo '<table id="tablistmission" onMouseOver="this.className = '.$classIn.';" onMouseOut="this.className = '.$classOut.';">';
echo '<tr><td rowspan=2 width="15%" style="text-align:center;">'.$date.'</td><td>'.$titre.'</td><td rowspan=2 width="15%">'.$lieu.'<br>'.$lieu_ville.'</td></tr>';
echo '<tr><td>'.$profession.'</td></tr>';
echo '</table>';

..et le css:

Code :

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

1
2
3
 
.pointUp{background-color: #87a3c3;} 
.pointDown{background-color: white;}

Voilà c'était tout bête mais merci encore

PS: je viens de me rendre compte que ça fait 6 ans que je suis inscrit sur ce forum et que c'était mon premier message..