Comentarios estilo facebook con php y ajax jQuery.

[after]

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?

[eZakto]

Dentro del $('#post').live deberías poner algo como:

Código Javascript:

$.ajax({
    type: 'post',
    data: 'texto='+$(this).parent().find('textarea').val(),
    url: 'receptor.php',
    success: function(data){
        lo que sea que pase (data es el contenido retornado por receptor.php)
    }
});
 

Esta duda va en el foro de javascript.


Luego si, el archivo receptor.php (o como lo llames) deberá insertar los datos que haya recibido (especificados en el elemento data del objeto pasado al $.ajax) en una db.

Saludos.

[after]

Iniciado por eZakto

Dentro del $('#post').live deberías poner algo como:

Código Javascript:

$.ajax({
    type: 'post',
    data: 'texto='+$(this).parent().find('textarea').val(),
    url: 'receptor.php',
    success: function(data){
        lo que sea que pase (data es el contenido retornado por receptor.php)
    }
});
 

Esta duda va en el foro de javascript.


Luego si, el archivo receptor.php (o como lo llames) deberá insertar los datos que haya recibido (especificados en el elemento data del objeto pasado al $.ajax) en una db.

Saludos.

Dentro de
{
lo que sea que pase (data es el contenido retornado por receptor.php)
}
Sería enviar el dato hacia receptor? me podrías facilitar un poco más de ejemplo?

y en receptor como puedo recibir a data?
$_POST['data']; ?

[razengan]

Hola a mi tambien me intereZa podrias darmos un ejmplo mas detallado porfavor ?

[after]

Bueno buscando y buscando vi que si se recibe con $_POST['textarea'] pero el problema es que no envía ninguna variable.

[eZakto]

Veamos. Repito que esto es Javascript:
En el objeto que se pasa por parámetro en $.ajax:
type especifica si es get o post.
data especifica los datos que se enviarán (puede ser otro objeto json, o bien una cadena tipo "variable=valor&variable2=valor2&variablen=val orn"
url el archivo php receptor.
success es una función que se ejecutará una vez enviadas las variables y obtenida una respuesta. La respuesta será todo lo que imprima receptor.php

En receptor.php los datos se capturan como los de cualquier formulario: $_POST['variable'] o bien $_GET['variable'], según el método elegido.

Saludos!

[after]

Si eso me quedo claro. Ahora el problema es que no envía variables.
En php recibo con $_POST['variable'] pero no envía nada, queda en blanco

[after]

Y bueno yo ya no puedo cambiar de lugar el foro.

[eZakto]

'variable' es relativo..

Si envias esto:
data: 'texto='+$(this).parent().find('textarea').val(),

Entonces deberás recibirlo como $_POST['texto']

Si envías:
data: 'name=ezakto&name2=after',

Deberás recibirlos como $_POST['name'] y $_POST['name2']

[after]

Iniciado por eZakto

'variable' es relativo..

Si envias esto:
data: 'texto='+$(this).parent().find('textarea').val(),

Entonces deberás recibirlo como $_POST['texto']

Si envías:
data: 'name=ezakto&name2=after',

Deberás recibirlos como $_POST['name'] y $_POST['name2']

$_POST['texto']!!
Claro, ahora si ya.
Muchas gracias!

[after]

Una ultima pregunta.

Y si quiero que sea mas de dos textbox?

[eZakto]

data: 'name=ezakto&name2=after',

Separas las variables que envíes con &..

Saludos.

[after]

Iniciado por eZakto

data: 'name=ezakto&name2=after',

Separas las variables que envíes con &..

Saludos.

Eso mientras sea "data: 'name=ezakto&name2=after',"
Pero cuando son con dos textbox??
"data: 'texto='+$(this).parent().find('textarea').val(),"