Hola. Estoy intentando hacer que un texto sea editable o no con simples clicks, en vez de utilizar los plugins que vienen por ahi...
Código PHP:
$('.mup').mouseup(function(){
var ced1=$('#ceditx').val();
var ced2=$('#cedit1').val();
$("#ceditx").append(ced2);
$('#ceditx').fadeIn(400);
});
$('#ceditx').focusout(function(){
var ced1=$('#ceditx').val();
var ced2=$('#cedit1').val();
$('#cedit1').val()="";
$('#ceditx').fadeOut(400);
$("#cedit1").append(ced1);
});
});
La idea es que aparezca un area de texto con id: ceditx
y que pinchando fuera del area (focusout) desaparezca y en el div que lo contiene(cedit1) aparezca en su lugar con el texto escrito... este es el html:
Código HTML:
<span class="mup"><div id="cedit1" class="mycomments">
<form id="form3" name="form3" method="post" action="">
<label>
<textarea name="cedit" id="ceditx" class="mycomments" cols="45">Leave here your comment...</textarea>
</label>
</form>
</div></span> Problemas que tengo:
- Con append, cada vez que pincho fuera del area... se me va acumulando el texto en el div, por eso he puesto que antes me borre el contenido del div: $('#cedit1').val()="";
y luego le haga un append...
el problema es que como toma que eso es un valor vacio... el append tambien lo borra.
¿Alguien sabe alguna solucion? ¿Existe otra funcion o un orden de funciones?