Question

I have this AJAX GET:

function edit(str){  
    ajax.onreadystatechange=function()
    {
        if (ajax.readyState==4 && ajax.status==200)
        {
            document.getElementById("editaircraftdialog").innerHTML=ajax.responseText;
            $("#editaircraftdialog").dialog('open');

            $("#loadingdialog").dialog('close');
        }
    }
    ajax.open("GET","./edit_aircraft.php?icao="+str,true);
    ajax.send();
    $("#loadingdialog").dialog('open');
}

The JQuery code in edit_aircraft.php does not work. Here’s an example:

<script>
    $(function() {
        $("#insertaircraft")
            .button()
            .click(function(event) {
        });
    });
</script>

I have had the same problem in the past and I cannot fix it.

Answer 1

You can not load JavaScript with innerHTML. It does not get evaluated.

Use jQuery to your advantage

function edit(str){  
    var loading = $("#loadingdialog").dialog('open');
    var aircraft = $("#editaircraftdialog");
    aircraft.load("./edit_aircraft.php?icao="+str, function(){
        loading.dialog('close');
        aircraft.dialog('open');
    });
}