funcion que depende de un alert para continuar??

[catpaw]

que tal forer@s

estoy un tanto confundida ya que me pasa algo raro, ahí les va la explicacion

tengo una función que la declaraba dentro del document ready, inicialmente funciona muy bien pero cuando cargo contenido de forma dinámica con ajax, esta funcion deja de se reconocida, incluso cambie el document ready por un function únicamente y se comportaba igual, despues de una investigación, encontré que hay una forma de hacer un rebinding al document ready para que lo "actualice" despues del llamdo ajax y si funciona pero pasa algo raro, acá esta el code:

tengo mi pagina consulta.php:

en el head declaro lo siguiente:

Código Javascript:

$(document).ready(function(){
    iniciarBinds();
    //algunas funciones
});
function iniciarBinds() {
    //alert("hola"); //si le comento este alert ya no llama la funcion despues de la llamada ajax
    $('#collapser').jqcollapse({
        slide: true,
        speed: 200
    });
}
</script>
 

despues de las declaraciones y esas cosas en mi codigo html hago una llamada a la funcion javascript que carga el contenido dinámico a consulta.php:

Seleccione la fecha:
<input id="con_fecha" name="con_fecha" type="text" size="10" onChange="search_docs()" />

Esta funcion la tengo en mi archivo funciones.js:

Código Javascript:

function search_docs(){
        con_fecha = document.getElementById('con_fecha').value;
        //llamada a ajax    
    var ajax;
    ajax= ajaxFunction();
    ajax.open("GET", "consulta_process.php?con_fecha="+con_fecha, true);                    
        ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        ajax.onreadystatechange = function() {
            if (ajax.readyState == 4){
                document.getElementById('capa_en_consulta.php').innerHTML=ajax.responseText;
            }
        }
        ajax.send(null);
    }
    iniciarBinds(); //llamo la funcion para reiniciarla
}
 

al final como pueden ver llamo la funcion iniciarBinds() misma que tengo declarada en el head de consultas.php:

function iniciarBinds() {
alert("hola");
$('#collapser').jqcollapse({
slide: true,
speed: 200
});
}

y aca esta lo raro si comento el alert, despues de cargar el ajax ya no funciona la funcion jqcollapse, si le dejo el alert me lo muestra y despues reconoce la funcion jqcollapse

es como si el alert obligara a que se tome en cuenta la declaración del jqcollapser al id collapser

o ustedes que creen que este pasando???

gracias

[David]

Lo que está pasando es que tu función iniciarBinds la estás llamando antes de que recibas los datos del servidor.

Muévela dentro del listener al evento onreadystatechange (luego de insertar el contenido al div capa_en_consulta.php)

[catpaw]

hola david muchas gracias

era una un detalle tal ves simple, pero yo no creo haberlo resuelto sin tu ayuda y gracias a este maravilloso foro :P

Gracias y felices fiestas