A voir également:
- Tableau php et javascript
- Tableau croisé dynamique - Guide
- Alert php ✓ - Forum PHP
- Telecharger javascript - Télécharger - Langages
- Tableau ascii - Guide
- Header php - Astuces et Solutions
2 réponses
JooS
Messages postés
2465
Date d'inscription
mardi 22 janvier 2008
Statut
Membre
Dernière intervention
8 juin 2016
228
2 oct. 2014 à 15:12
2 oct. 2014 à 15:12
Salut,
Je te conseille d'utiliser jQuery, c'est plus rapide et facile à réaliser !
Je te conseille d'utiliser jQuery, c'est plus rapide et facile à réaliser !
<!DOCTYPE html>
<html>
<head>
<title>Page</title>
<style>
tr { background-color:#fff; }
.selected {background-color:#8cbfff;}
.hovered {background-color:#8cbfff;}
</style>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$(document).ready(function() {
$("tr").on("click", function() {
$("tr").removeClass("selected");
$(this).addClass("selected");
});
$("tr").mouseenter(function() {
$(this).addClass("hovered");
});
$("tr").mouseleave(function() {
$(this).removeClass("hovered");
});
});
</script>
<head>
<body>
<table>
<tr>
<td>Element 1</td>
</tr>
<tr>
<td>Element 2</td>
</tr>
<tr>
<td>Element 3</td>
</tr>
</table>
</body>
</html>