Liste ordonnée et transformation en INPUT
Salut
j'ai un pti projet a faire qui me pose un probleme.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
|
<dl id=projet>
<dt id="1">poste</dt>
<dd id="1.1">chapitre<img id="coucou" src="" width=15 height=15 onclick="edit(this);" />
<ul>
<li id="1.1.1">activité</li>
<li id="1.1.2">activité2</li>
</ul>
</dd>
<dd>chapitre2
<ul>
<li>activité</li>
<li>activité2</li>
<li>activité3</li>
</ul>
</dd>
<dt>poste2</dt>
</dl> |
Code:
1 2 3 4 5 6 7 8 9 10 11 12
|
<script language=javascript>
function edit(object)
{
idParent = object.parentNode.id;
//alert(idParent);
ligne=document.getElementById(idParent);
alert(ligne.innerHTML);
}
</script> |
On a donc ici une petite liste avec des niveaux de profondeur.
je voudrais que lorsqu on clique sur l'image, ca change le titre en le remplassant par un input avec sa valeur.
Le seul probleme je pense vient du fait que je ne vois pas comment differencier la ligne chapitre suivi de l image de la suite qui reste dans le code html.
en resumé, je veux garder les sous elements, mais modifier mon titre.
Si quelqu un voit une idée ;-)
Pierre