par
AB » 09 janv. 2009, 02:31
Cela dit si tes id sont incrémentés + 1 pour chaque ligne tu peux faire simplement
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<style type="text/css">
.cache{
display:none;
}
</style>
<script type="text/javascript">
function affiche(i) {
var i = (typeof i == 'number')? i : 0;
var id = 'nom_scritere_'+i;
if (this.tr = document.getElementById(id))
{
this.tr.style.display = 'inline';
i++;
affiche(i);
}
}
</script>
</head>
<body>
<table>
<tr><td>Permière ligne</td></tr>
<tr id="nom_scritere_1" class="cache"><td>Deuxième ligne qui apparaîtra onclick sur le bouton</td></tr>
<tr><td>Troisième ligne</td></tr>
<tr id="nom_scritere_2" class="cache"><td>Quatrième ligne qui apparaîtra onclick sur le bouton</td></tr>
<tr><td>Cinquième ligne</td></tr>
</table>
<input type="button" value="fait apparaître les lignes cachées" onclick = "affiche(1)"/>
</body>
</html>
La fonction s'arrête dès que l'id en cours ou suivant n'existe pas.
Ici j'ai passé 1 comme argument dans l'appel onclick à la fonction affiche() puisque j'ai commencé l'incrémentation des lignes à 1 et que j'ai défini var i = 0 par défaut dans cette même fonction.
Cela dit si tes id sont incrémentés + 1 pour chaque ligne tu peux faire simplement
[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<style type="text/css">
.cache{
display:none;
}
</style>
<script type="text/javascript">
function affiche(i) {
var i = (typeof i == 'number')? i : 0;
var id = 'nom_scritere_'+i;
if (this.tr = document.getElementById(id))
{
this.tr.style.display = 'inline';
i++;
affiche(i);
}
}
</script>
</head>
<body>
<table>
<tr><td>Permière ligne</td></tr>
<tr id="nom_scritere_1" class="cache"><td>Deuxième ligne qui apparaîtra onclick sur le bouton</td></tr>
<tr><td>Troisième ligne</td></tr>
<tr id="nom_scritere_2" class="cache"><td>Quatrième ligne qui apparaîtra onclick sur le bouton</td></tr>
<tr><td>Cinquième ligne</td></tr>
</table>
<input type="button" value="fait apparaître les lignes cachées" onclick = "affiche(1)"/>
</body>
</html>[/code]
La fonction s'arrête dès que l'id en cours ou suivant n'existe pas.
Ici j'ai passé 1 comme argument dans l'appel onclick à la fonction affiche() puisque j'ai commencé l'incrémentation des lignes à 1 et que j'ai défini var i = 0 par défaut dans cette même fonction.
