Reemplazar texto por input text

[Carxl]

Hola, yo de nuevo

Quiero que cuando se haga click/hover en un texto, se cambie ese texto por input tipo text y que cuando se "desenfoque" ese input quede de nuevo como texto (sin el input).

Hice varios códigos pero ninguno hace el "desenfoque" y se supone que debe hacerlo:

Primer código:

Código Javascript:

$('.editaImagen').hover(
        function() {
            texto = $(this).text();
            $(this).replaceWith("<input type='text' value='"+texto+"' />");
        },
        function() {
            alert(texto);
        }
    );
 

Segundo código con live:

Código Javascript:

$('.editaImagen').live('hover', function () {
        texto = $(this).text();
        $(this).replaceWith("<input type='text' value='"+texto+"' />");
    }, function () {
        alert(texto);
    }
    );
 

Los dos funcionan entrando al hover, pero ninguno ejecuta el out de hover...

Pensé que iba a funcionar con live pero tampoco...

Gracias!

[masterpuppet]

Deberias tener en cuenta lo que estas haciendo Carxl, estas reemplazando el elemento osea lo estas quitando del DOM, sobre que va a haber un mouseout si el elemento ya no esta en el DOM?, la forma mas simple seria que crearas un wrapper para el elemento, algo asi:

Código Javascript:

$('.editaImagen').hover(
   function() {
      var el = $(this).children('.wrapper');                                                
      el.replaceWith("<input type='text' value='" + el.text() + "' />");                                                
   },
   function() {
      var el = $(this).children('input');
      el.replaceWith("<div class='wrapper'>" + el.val() + "</div>");                                                
   }
);
 

y el html deberia ser algo asi:

Código HTML:

<ul>
   <li class="editaImagen">
      <div class="wrapper">Lorem ipsum dolor sit amet</div>
   </li>
   <li class="editaImagen">
      <div class="wrapper"> Ut enim ad minim veniam</div>
   </li>
<ul>
 

Saludos.

PD: si queres hacer las celdas o algo parecido editable, no seria mejor en el evento click ?.

[Carxl]

Hola masterpuppet... Entiendo lo que me dices

Me dejé de líos :D

Usé este plugin... http://www.appelsiini.net/projects/jeditable

Hace todo lo que necesito... leeré sobre wrapper para saber usarlo.

De nuevo gracias!