[JS] dodanie elementu po kliknięciu w DIV, Edycja tekstu Opcje

[Bejkrools]

Witam, chciałbym, aby po kliknięciu w DIV (w którym jest jednowierszowy string ze zmiennej $text) funkcja odczytała ID tego DIV, wstawiła do niego input type="text" i nadała mu odpowiedni name.
Problem w tym, że nie potrafię pokonać bariery, która jest wstawienie inputa do tego DIV. Próbowałem tak:

[PHP] pobierz, plaintext 
 
<script type="text/javascript">
	function editComment(clicked_id)
	{
		var input = document.createElement("input");
		input.type = "text";
		input.name = "edit" + clicked_id;
		container.appendChild(input);
	}
</script>
 
[...]
 
<?php
echo "<div id='$id_divt' class='content' onClick=\"editContent(this.id)\">
$comment
</div>";
?>
[PHP] pobierz, plaintext 

Ale nie działa, jak dodam wyżej alert(clicked_id) to okienko poazuje właściwe dane, ale samo dodawanie elementu nie działa.

[nospor]

container.appendChild(input);

Nigdzie nie widze, bys gdziekolwiek ustawiał ten container

[Bejkrools]

Masz rację. I za cholerę nie wiem jak go zdefiniować.

Inaczej mówiąc nie wiem jak z

[HTML] pobierz, plaintext 
<div id='1' onclick='edit()'>
	Tekst
</div>
[HTML] pobierz, plaintext 

obsługując zdarzenie onclick zrobić

[HTML] pobierz, plaintext 
<div id='1'>
	<form action='#' method=post>
		<input type='text' name='1' value='Tekst'>
	</form>	
</div>
[HTML] pobierz, plaintext 

Ten post edytował Bejkrools 23.09.2014, 17:48:36

[kamil4u]

Resztę sam robisz

Kod

<script type="text/javascript">
function editContent( el ){
var input = document.createElement("input");
input.type = "text";
input.name = "edit" + el.id;
input.value= el.innerHTML;

el.parentNode.replaceChild( input, el);
}
</script>

<div id='test' class='content' onClick="editContent(this);">
Magiczny tekst;)
</div>