onClick div til textarea

function onClick (divId) {
  var div = document.getElementById(divID);
  var ztextarea = document.createElement('textarea'); 
  ztextarea.setAttribute('name',div.id);
  ztextarea.setAttribute('cols',5);
  ztextarea.setAttribute('rows',2);
  div.appendChild(ztextarea);
}

hvorfor virker den her kode ikke:

function edit(id){
        id=id.trim();
        var tekst=document.getElementById(id).value.trim();
        var w=document.getElementById(id).style.width;
        var h=document.getElementById(id).style.height;
           
        document.getElementById(id).value="";
        document.getElementById(id).innerHTML="<form method='post'><textarea name="+id+" style='width:auto; height:auto;'>"+tekst+"</textarea><br><input type='submit' value='Godkend' name='submit' onSubmit='submit_edit("+id+")return false;'>";
    }
   
    function submit_edit(name){
        if(document.getElementsByName(name)!= null){
            return true;
        }else{
            document.getElementById('error').value="";
        }
    }

Det var noget lignende sådan jeg havde forstillet mig det :)

Når den skal getElementsByName bliver det til en nodeliste og ikke en entydig node !?

Så du skal lige pille noden ud af kollektionen ...

Men hvorfor ikke montere den som id (innerHTML)ligesom name og så gafle den med getElementById

function edit(obj_id){
        if(!document.getElementById('editor')){
        var tekst=document.getElementById(obj_id).innerHTML;
        var bredde=document.getElementById(obj_id).offsetWidth-25;
    var hojde=document.getElementById(obj_id).offsetHeight-25;
        document.getElementById(obj_id).innerHTML="<div id='editor'><form method='post'><textarea id='editor_textarea' name="+obj_id+" style='width:"+bredde+"px; height:"+hojde+"px; overflow:auto;'>"+tekst+"</textarea><br><input type='submit' value='Godkend' name='submit' onSubmit='submit_edit("+obj_id+"); return false;'></form></div>";
        }else{
            //var tekst2=document.getElementById('editor').value.trim;
            if(document.getElementById('editor').parentNode.id != obj_id){
        document.getElementById('editor').parentNode.innerHTML='<div name="error"><font color="red" size="1">Muligvis ikke gemt:</font></div>'+document.getElementById("editor_textarea").value;   
        edit(obj_id);
            }
        }
        }


det her virker :)

men hvordan gør jeg så når jeg laver en "edit" så går den ind og fjerner den div der hedder "error" hvis den altså indholder en div der hedder det?

og jeg ville også gerne tjekke om brugeren klikker væk fra div'en

Hmmmm - du bliver ved med at med at "injekte" noder udenom om DOMen ?

Det giver et rodet billede af hvad der foregår, så jeg vil foreslå dig at droppe innerHTML og bruge appendChild førend jeg kommer med mere ;o)

Har fået løst det :)