Despues de dar muchisimas vueltas consegui hacer esto que me funciona suficiente:
Código Javascript
:
Ver original$("").click(function() {
var input = $('<input />', {'type': 'text', 'class': 'in', 'name': 'nombre', 'value': $(this).html()});
$(this).parent().append(input);
$(this).remove();
input.focus();
})
$(".edit").click(function() {
$("#"+id+" .nombrediv").html('<strong class="nombre">'+nombre+'</strong>');
$("#"+id+" .razadiv").html('<span class="raza">'+raza+'</span>');
$(this).hide();
})
El codigo es mucho mas largo, pero borre partes de AJAX, etc.
.box-gale .nombre es el span.
Intente hacer un
Código Javascript
:
Ver original$("input").blur(function() {
...
})
pero no funciono. No se si es por que es algo que se ha añadido despues, pero no funciona :S
Por lo que añadi un boton de enviar que es
.edit.
Un saludo y gracias