Tiempo de intervalo, y scroll hacia abajo

HiToGoRoShi · #1 (**permalink**) 02/11/2010, 07:37

Este es todo mi script para mi CHAT, cuando hago un

Cita:

setInterval(traerMensajes(),2000)

Este no es llamado cada 2 segundos.... y nose porque, pero al presionar el boton y llamo a esa funcion este si es llamado, ah tambien me pasalo mismo con el
setTimeOut, este no se ejecuta pasado x Segundos, sino lo hace al instante...

Ok y mi otra duda es, como haria yo para mostrar el scroll de un div hacia abajo siempre... ?

Código Javascript:

Ver original$(document).ready(function(){
    
    var contenido;
    
    function traerMensajes()
    {
        var mensaje = '';
        
        $.post('controller/chat.controller.php',{action: 'traerMensajes'},function(data){
            
            //Limpiamos previamente 
            $(".mensajes").html('');
            $(".mensajes").html(data);
        })
        
        scrollDown();
    }
    
    function scrollDown() {
        $("#txtMensaje").animate({ scrollTop: $("#chatbox").attr("scrollHeight") - 20 }, 'normal');
    }
    
    //Validar escritura
    $("#txtMensaje").live('keydown',function(){
 
        if($(this).val().length >= 200)
            $(this).val(contenido); 
        else
            contenido = $(this).val();
    })
 
    //Enviar mensaje
    $("#btnEnviar").live('click',function(){
        
        if($("#txtMensaje").val().length <= 10)
        {
            alert("El mensaje es demasiado es corto para ser enviado, intentelo de nuevo");
            $("#txtMensaje").focus();
        }           
        else
        {
            escribirMensaje();
            esconderBoton(false);
            ajaxLoader(true);
        }
    })
    
    function esconderBoton(x)
    {
        switch (x)
        {
            case true:
                $("#btnEnviar").show();
                break;
            
            case false:
                $("#btnEnviar").hide();
                break;  
        }
    }
    
    function ajaxLoader(x)
    {
        switch (x)
        {
            case true:
                $("#ajaxLoader_chat").show();
                break;
            
            case false:
                $("#ajaxLoader_chat").hide();
                break;  
        }
    }
    
    function escribirMensaje()
    {
        $.post('controller/chat.controller.php',{action: 'escribirMensaje',txtMensaje: $('#txtMensaje').val()},function(){
            $("#txtMensaje").val('');
            traerMensajes();
            ajaxLoader(false);
        })
        
        setTimeout(esconderBoton(true), 2000);
    }
    
    setInterval(traerMensajes(),2000);

mayid · #2 (**permalink**) 02/11/2010, 08:22

Las dos funciones que citas son muy quisquillosas. Por ejemplo, si escribis Out con mayusculas no te va a funcionar, y se va a disparar cualquier otra cosa. Es con minuscula: setTimeout. Luego, la funcion va entre comillas (probalo de diferentes maneras!)

Dany_s · #3 (**permalink**) 02/11/2010, 08:50

saca la función que tenés en el setinterval fuera del ready
y para el scroll como tomas el tamaño ponelo en la funcion de callback del post

algo como

Código Javascript:

Ver original<html>
    <head>
        <title>Ejemplon</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    </head>
        <script type="text/javascript">
            $( function (){
                traerMensajes();
                setInterval("traerMensajes()",2000);
            });
 
            function traerMensajes(){
                $.post(
                    'algunaurl',
                      function(data) {
                          $('#mensajes').append( data );
                          $("#mensajes").animate({ scrollTop: $("#mensajes").attr("scrollHeight") }, 'normal');
                      }
                );
            };
 
        </script>
        <style>
            #mensajes{height:100px; width:150px; overflow:scroll}
        </style>
    <body>
    <div id="mensajes">
    </div>
    </body>
</html>

PabloLPastor · #4 (**permalink**) 02/11/2010, 13:37

Si pones los paréntesis (sin comillas) la función se ejecuta al instante, tienes que ponerlo sin los paréntesis:

Código Javascript:

Ver originalsetInterval(traerMensajes,2000)

mayid · #5 (**permalink**) 02/11/2010, 15:08

Que funciones dificiles que son!

Lo que dice Dany es tal cual. Las funciones se declaran fuera del ready...