mi problema es que el scroll se queda en los mensajes que ya pasador y no baja cuando hay un nuevo mensaje los que quiero es controlar el scroll asi como el de facebook si alguen sabe como hacer eso porfavor que me diga Gracias.
<script type="text/javascript">
//esto envia los mensages a la base de datos
$(document).ready(function() {
//method to trigger when user hits enter key
$("#mensaje").keypress(function(evt) {
if(evt.which == 13) {
//send data to "shout.php" using jQuery $.post()
enviar_insert();
}
});
});
function enviar_insert(){
var mensaje = document.getElementById("mensaje").value;
var paramentros = {
"mmensaje" : mensaje,
"pconsulta" : "consulta",
};
$.ajax({
data: paramentros,
url: 'submit_chat.php?v=<?php echo $id; ?>',
type: 'POST',
success: function(response) {
}
});
limpiar_datos();
}
/////aqui se eliminan los datos
function enviar_DELETE(){
var mensaje = document.getElementById("mensaje").value;
var paramentros = {
"mmensaje" : mensaje,
"pconsulta" : "DELETE",
};
$.ajax({
data: paramentros,
url: 'submit_chat.php?v=<?php echo $id; ?>',
type: 'POST',
});
limpiar_datos();
}
//tiempo real del chat 1000 es un segundo
//aqui nos deja ver el chat
function mostrar_enviado() {
var parametros = {
"pconsulta" : "mostrar_mensajes",
}
$.ajax({
data: parametros,
url: 'submit_chat.php?v=<?php echo $id; ?>',
success: function(data) {
$('#mostrar_mensaje').html(data);
var abajo=$("#mostrar_mensaje").prop("scrollHeight");
$("#mostrar_mensaje").scrollTop(abajo)
setTimeout(function(){//time real
mostrar_enviado();
}, (Math.floor(Math.random()*1000)))
},
});
}
mostrar_enviado();
//limpia la caja de los mensages
function limpiar_datos(){
document.getElementById("mensaje").value="";
}
</script>