He buscado y encontré que serialize lo usan con forms, pero yo en esta ocasión no estoy usando ningún form
Lo que hace el script es enviarlo al hacer click en el botón
Código Javascript
:
Ver original$('#post').live('click', function(){
$.ajax({
type: 'POST',
data: 'texto='+$(this).parent().find('textarea').val(),
url: 'receptor.php',
success: function(data){
alert( "Su comentario fue agregado: : " + data );
}
});
Intente usar un form pero para eso también tendría que insertar un Botón para que en una función .submit(function(){... lo envíe. Pero con jquery ya le tengo un botón.
Pongo todo el código completo.
<
Código Javascript
:
Ver originalscript>
$(function(){
$('#facebook').val('').blur().focus(function(){
if($(this).data('facebook')) return false;
$(this).data('facebook', true);
$(this).css({
width : $(this).outerWidth() - 36
});
$('<img src="images/facebook.gif" class="avatar" style="margin-top:1px;position:absolute;"/>'+
'<span class="avatar" style="display:inline-block;width:36px;height:30px"></span>').insertBefore($(this));
$('<img src="images/facebook_comment.png" class="avatar" id="post" style="float:right;cursor:pointer;margin-top:2px" />').insertAfter($(this));
});
$('#post').live('click', function(){
$.ajax({
type: 'POST',
data: 'texto='+$(this).parent().find('textarea').val(),
url: 'receptor.php',
success: function(data){
alert( "Su comentario fue agregado: : " + data );
}
});
var clone = $(this).parent().clone();
var txt = $(document.createElement('span')).html('<b style="color:#3B5998">Facebook</b> '+$(this).parent().find('textarea').val()).css({
display : 'inline-block',
width : $(this).parent().find('textarea').width(),
overflow : 'hidden'
});
txt.insertBefore(clone.find('textarea'));
clone.insertBefore($(this).parent()).find('textarea').remove();
clone.find('#post').remove();
$(this).parent().find('textarea').val('').blur();
});
});
</script>