Discussion :

[pmithrandir]

Salut

j'ai un pti projet a faire qui me pose un probleme.

Code :

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

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 :

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 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

[pmithrandir]

bon, j'ai un peu chercher et j'essaye de trouver comment recupérer mes valeurs.

j ai maintenant :

Code :

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

1
2
3
4
5
6
7
8
 
function edit(object)
    {
			idParent = object.parentNode.id;
			//alert(idParent);
			ligne=document.getElementById(idParent);
			alert(ligne.firstChild[0]);
    }

pour essayer d'affiher "chapitre" mais pas moyen de reussir...

ca doit etre un truc de child et de node qui va dans tous les sens, mais je vois pas comment le gérer...

Pierre

[pmithrandir]

ca avance...

Code :

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

1
2
 
ligne.firstChild.nodeValue = "<input type=\"text\" value=\"" + ligne.firstChild.nodeValue + "\"/>";

seul probleme, ca m ecris le code sur la page au lieu de me l'executer... je peux faire comment ?

[Séb.]

seul probleme, ca m ecris le code sur la page au lieu de me l'executer... je peux faire comment ?

Il faut créer l'élément <input> avec document.createElement( ), lui attribuer les attributs qui vont bien avec setAttribute( ) et enfin le rattacher au <dd> père avec replaceChild( ) (qui par la même occasion virera le noeud texte "chapitre").

[pmithrandir]

Aprés avoir lu un pti peu de choses sur le sujet, j'ai fait ca :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 function edit(object)
    {
			idParent = object.parentNode.id;
			//alert(idParent);
			ligne=document.getElementById(idParent);
			//alert(ligne.firstChild);
			//alert(ligne.firstChild.nodeValue);
			var input = document.createElement("<input>");
			input.setAttribute("type","text");
			input.setAttribute("value",ligne.firstChild.nodeValue);
			ligne.replaceChild(input,ligne.firstChild);
			// = "<input type=\"text\" value=\"" + ligne.firstChild.nodeValue + "\"/>";
 
    }

Le probleme, ca m enleve bien chapitre, mais ca ne m'affiche pas mon <input>

[pmithrandir]

trouvé, il ne fallait pas de < et de > dans ma definition