Cambiar el label por input tiempo real click

[dalttony]

Hola tengo una solucion, lo unico es que utilizo librerias de Jquery que la podes descargar en este link [URL="http://jquery.com/download/"]http://jquery.com/download/[/URL] por si no las tienes, espero que te pueda servir

codigo Javascrip

Código Javascript:

var input="<input type='text' id='p'/>"//agregamos el el cuadro de texto
            var label ="<label id='gu'>Se ha guardado lo que ha escrito</label>" //el label que indica que se guardo
            //evento del click del 
            $("#cambio").click(function(){
                
                $("#"+this.id).empty();//borramos el label que dice prueba
                $("#cuadro").prepend(input);//agrgamos lca caja
                var inp=$("#p")//obtenemos el selector
                inp.keydown(function(e){//evento
                    var code= e.keyCode;//obtenemos el codigo del enter
                    if (code==13)
                    {
                            $("#cuadro").prepend(label);//agregamos
                            $("#gu").css("background-color","#FF0");
                            alert($("#gu").text)
                            $("#"+this.id).remove();//quitamos el cuadro
                    }
                }
                );
            });
 

Codigo Html

Código HTML:

<div id="cuadro"><label id="cambio" onclick="prueba();" > Prueba </label> de cambio de texto <br></div>
 

Espero que te sirva