Cambiar de texto a input y volver a texto

[fcosun]

Como se llama a este efecto,cuando se da clic a un texto, se convierte en un input para modificar el texto, luego que se ingresa, se presiona enter se refleja el texto ingresado.

[jonni09lo]

No es un efecto como tal, ayer me toco que hacer algo similar, sería algo así:

Código Javascript:

$(document).on('click', 'selector', function(e){
    e.preventDefault();
    var $elem    = $(this),
        $parent = $elem.parent(),
        linkPpal = $parent.find('another_selector'),
        name = linkPpal.text();
    if( typeof name !== 'undefined' ){
        linkPpal.replaceWith( '<input type="text" value="'+ name +'" data-name="'+ name +'" />' );
    } else {
        $parent.find('selector').replaceWith( '<a>'+ $parent.find('selector').attr('data-name') +'</a>' );
    }
});
 

Esto te podría dar una idea.

Demo

Saludos