Cambiar de un texto a un input type="text"

[ElJavista]

Genial, si son nociones básicas, con eso basta. Bueno, entonces te explico. Tienes que usar el práctico y basureado innerHTML, de este modo:

Digamos tienes esto en tu pagina:

<div id="divData" ondblClick="setInput()">Dato</div>

Con innerHTML puedes reemplazar el contenido del div divData, de este modo:

Código:

function setInput() {
              var dvd = document.getElementById("divData");
              var val = dvd.innerHTML;
              dvd.innerHTML= "<input value=\""+val+"\" onkeyup=\"if (event.keyCode == 13)savInput(this.value)\">";

function savInput(val) {
          var url = "pross.php?savData="+escape(val)+"&rnd="+Math.random();
         //alert(url);
         ajx.open("GET", url, true);

         ajx.onreadystatechange = function() {
             if (ajx.readyState == 4) {
                var rst = ajx.responseText;
                if (rst == "1") {
                   document.getElementById("divData").innerHTML = val;
                }
             }
         }
         ajx.send(null);
}

Esto es una forma de usar ajax, hay otras, tendrás que buscar un manual que te aclaren las cosas sobre ajax, yo nomás te doy esto, si buscas un manual verás que falta una parte en PHP, bueno, prueba, busca un manual y haces las preguntas. Suerte!