Hi,

I am trying to load u sub-page wich has 2 datepickers but i can't get them to work.

This is the code on my main page

 <script>   
            $(function(){
                $("#datepicker").datepicker();
            });

           //function is called onchange in a list
            function loadTherapie(){
                var therapieID = document.getElementById("lijstTherapieen").value;
                $("#divTherapie").load("wijzigtherapiesubpage.php?therapieID="+therapieID+"&cacheOntloper="+randomNumber()+"&type=2", function(response){
                   $(response).find("#datepicker").datepicker();
                });
            }
</script>

And on my sub-page I have this

<form method="post" action=test.php name="therapie">     
        <input class='datepicker' type='text' name='txtdatumOpmaak' value='<?php echo "$opmaakdatumAangepast";?>'></input>     
        <input type='text' class='datepicker' name="txtdatumEvaluatie" value='<?php echo "$evaluatiedatumAangepast";?>'></input>        
</form>

I am not sure but I think that I have to reactivate the jQuery on my sub-page but I have the feeling that the $(response).find("#datepicker").datepicker(); doesn't work.

Solved it

The loadTherapie function need's to be like

function loadTherapie(){
                var therapieID = document.getElementById("lijstTherapieen").value;
                $("#divTherapie").load("wijzigtherapiesubpage.php?therapieID="+therapieID+"&cacheOntloper="+randomNumber()+"&type=2");
                $(".datepicker").datepicker();
            }
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.