Hallo, gibt es eine einfach methode ein text nach klick auf einen Button in ein textfeld umzuwandeln, diesen ggf zu ändern und wieder zum text umzuwandeln nach klick auf einen Button. Im Moment werden bei mir da 2 methoden aufgerufen, die dann per suche in den labels und containern die felder umändern. Das ändern zum textfeld geht:
PHP
function changeToTextconfig(j) {
// Inhalt des Lebes auslesen und Label löschen
var container = document.getElementById('container'+j);
var element = document.getElementById('label'+j);
var inhalt = element.innerText;
container.removeChild(element);
// Textfeld hinzufügen mit Inhalt des Labels
element = document.createElement('div');
element.setAttribute('id','text');
element.innerHTML = '<input type="text" name="text" value="' + inhalt + '">';
container.appendChild(element);
// Bearbeiten-Button löschen
var image = document.getElementById('image'+j);
var button = document.getElementById('button'+j);
image.removeChild(button);
// Übernehnmen-Button hinzufügen
button = document.createElement('div');
button.setAttribute('id', 'button');
button.innerHTML = '<img src="img/check.jpg" width=\"10\" heigth=\"10\" alt="Übernehmen" onclick="changeToLabelconfig()" name="bearbeiten'+j+'">';
image.appendChild(button);
}Das ändern zurück geht allerdings nicht:
PHP
function changeToLabelconfig(j) {
// Inhalt des Textfeldes auslesen und das Textfeld löschen
var container = document.getElementById('container');
var element = document.getElementById('text');
var inhalt = document.konfiguration.text.value;
container.removeChild(element);
// Label mit Inhalt des Textfeldes erstellen
element = document.createElement('div');
element.setAttribute('id','label'+j);
element.innerHTML = inhalt;
container.appendChild(element);
// Übernehmen-Button löschen
var image = document.getElementById('image');
var button = document.getElementById('button');
image.removeChild(button);
// Bearbeiten-Button hinzufügen
button = document.createElement('div');
button.setAttribute('id', 'button'+j);
button.innerHTML = '<img src="img/edit.jpg" width=\"10\" heigth=\"10\" alt="Bearbeiten" onclick="changeToTextconfig(j)">';
image.appendChild(button);
}Wo liegt der fehler oder kann man es auch viel einfacher lösen ? Die zuweisung in der HTML Datei geht wie folgt bei mir (j ist die Zeilennummer in dem Fall):
PHP
output += "<td>Test</td><td width=\"200px\"><div id=\"container"+j+"\"><div id=\"label"+j+"\"></div></div></td>";
output += "<td width=\"150px\"><div id=\"image\"><img alt=\"Bearbeiten\" id=\"button\" src=\"img/edit.jpg\" onclick=\"changeToText(j)\">"+ elements.getValue(1, 1, 1)+"</div></td></tr>";Danke schonmal.
