Problema chat, se recarga la pagina al enviar mensaje

[Chaozxd]

Buenas! ayer hice un post aver si me daban una manito para que el chat no se tenga que refrescar cada 5 segundos para verse los mensajes, y perfecto me respondieron que me meta en Ajax y logre encontrar lo que necesitaba. El problema que tengo ahorita es que todo anda perfecto, pero al enviar un mensaje, le doy al botón Enviar! y toda la web se me refresca. Estoy utilizando una especie de formulario donde va el user, el mensaje y el boton que recoge los datos con GET que se encuentra dentro de una condición de if isset..

para que se den una idea este es mi chat:



Como dije, todo me funciona de maravilla, solo que cuando envio el mensaje toda la web se me refresca.. y es algo incomodo. Aver si alguien me da una mano..

Desde ya gracias!

Saludos.

[jackson666]

Con la poca informacion que das, uno tiene que intuir mas que otra cosa, pero bueh...
Si mi olfato no falla, estas haciendo el click en un boton del tipo "submit", ahi tenes el problema!
No necesitas ese tipo de boton... Solo necesitas un link, si lo unico que hace eso es llamar a una funcion javascript!
Pone otro tipo de boton o un link, y en el action del formulario pone action="#" y listo...

[Chaozxd]

Aver.. si por ahi va la cosa :D, el botón es tipo submit.. aver te dejo una parte del codigo donde estaria el problema:

el botón:

Código PHP:

<input name="enviar" type="submit" id="shout-button" style="height:22px" value="Enviar" />
 

y luego viene esto que vendria a poner el mensaje en la base de datos:

Código PHP:

<?
if (isset($_POST[user]) && $_POST[mensaje]) {
$usuario = $_POST[user];
$mensaje = $_POST[mensaje];
$host="*******"; 
$user="*******"; 
$password="*******";
$bd = mysql_connect($host,$user,$password);
mysql_select_db("*******", $bd);
$update = "INSERT INTO chat (usuario, mensaje) VALUES ('$usuario', '$mensaje')";
$result = mysql_query($update);
}
?>
 

ya hice lo del action="#" y tambien le cambie el type="" a el button pero nada, aver si es posible que me ayudes mirando un poco el codigo.

[camsworksinc]

Si ya viste como usar AJAX, entonces en lugar del boton tipo SUBMIT, usa un boton convencional para llamar a tu funcion de JavaScript que envia la informacion via AJAX.
Por ejemplo, suponiendo que tu funcion que usa AJAX se llama EnviaMensajeAjax(), el boton quedaria:

Código PHP:

<input type="button" value="Enviar!" onclick="EnviaMensajeAjax()">
 

Suerte!