Hola a todos.
Quiero hacer un sistema de comentarios, actualmente lo estoy haciendo con php y ajax.
el codigo es el siguiente.
Código HTML:
<textarea id="facebook"></textarea>
<pre class="eval_content">
$('#facebook').tInput({
setStyle : 'facebook_style, facebook_wrapper',
resize : { minHeight:30, maxHeight:10000 },
empty : {
text : 'Write a comment...',
inputClass : 'facebook_empty'
}
});
</pre>
<script>
$(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(){
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> Podemos ver como funciona en html
aquí.
Lo he cambiado importando los datos de 'comentarios' y bueno.
Ya el problema es cuando quiero insertar el comentario en la base de datos. De hecho no tengo ni idea como manipular el código para que me inserte el comentario en la base de datos, no me la llevo muy bien con javaScript xD. ya lo he intentado moviendo un poco pero nada. Alguna idea?