Inhalt (mit <script>) per Ajax nachladen!

Hallo!

Ich lade per Ajax einen Seiteninhalt herein.

hier der Javascript Code:

Code:

---

$.ajax({
        type: "POST",
        url: "SimpleAjax.php",
        data: { url: $(this).attr("data-href") }
}).done(function( msg ) {
        msg = jQuery.parseJSON(msg);
        ajaxContainer.html(msg.html);
        var topNum                = 85, // pixels from top
                bottomNum        = 40,
                winH                        = $(window).height(),
                coH                        = winH - (topNum + bottomNum);

        ajaxContainer.animate({
                "height":                coH
        }, 2500);
});

---

Der Seiteninhalt enthält eine Google Map (dlh_googlemap). Dort wird die Map mit einem Script geladen.
Dieses Script befinden sich nicht im Code und ich bekomme folgende Fehlermeldung:
Uncaught TypeError: undefined is not a function

Kann mir jemand helfen wie ich die Google Map per Ajax herein laden kann?

mfg
pressi

Verwendest du jquery und mootools?
Dann musst du noch an folgendes denken:
mootools und jquery mit contao 3

Eventuell geht es ja dann schon ;)

Zitat:

---

Zitat von Zero

Verwendest du jquery und mootools?
Dann musst du noch an folgendes denken:
mootools und jquery mit contao 3

Eventuell geht es ja dann schon ;)

---

Nein nur jQuery.

im Code vom oben im "msg.html" befindet sich dieser Code, von der Google Map. (######## = zensur)

Code:

---

<script>

function gmap1_initialize() {
        var gmap1_Options = {
                zoom: 10                , center: new google.maps.LatLng(########,########)

                , mapTypeId: google.maps.MapTypeId.ROADMAP
                , draggable: true                , disableDoubleClickZoom: true                , scrollwheel: true                , streetViewControl: false
                                , mapTypeControl: false
               
                                , navigationControl: false
               
                                , scaleControl: false
               
               
    };
    var gmap1 = new google.maps.Map(document.getElementById("dlh_googlemap_1"), gmap1_Options);

                                        var gmap1_0_marker = new google.maps.Marker({
                        position: new google.maps.LatLng(########,########)
                        , map: gmap1                                                                                , title:"Icon Titel"
                                                                                , zIndex: 1                                                                });
                                                               
        if(window.gmap1_dynmap){
                gmap1_dynmap(gmap1);
        }

}

window.setTimeout("gmap1_initialize()", 500);

</script>

---

genau dieser Code wird nicht ausgeführt wenn ich ihn per ajax reinlade.

lg pressi

Ok. Ich kenne mich nicht super gut mit ajax requests aus.
Aber ich vermute mal, dass dein JS nicht geladen wird. Bzw. dein Window timeout nicht hinzugefügt wird.
Kannst du in einem Debug tool mal versuchen deine Funktion "gmap1_initialize()" aufzurufen?
Evtl. geht es dann ;)

Zitat:

---

Zitat von Zero

Ok. Ich kenne mich nicht super gut mit ajax requests aus.
Aber ich vermute mal, dass dein JS nicht geladen wird. Bzw. dein Window timeout nicht hinzugefügt wird.
Kannst du in einem Debug tool mal versuchen deine Funktion "gmap1_initialize()" aufzurufen?
Evtl. geht es dann ;)

---

Dann bekomme ich diesen Fehler: (Das gleiche wie beim Ajax request)
TypeError: undefined is not a function

Das komische ist das das <script> Tag nicht im HTML Code mit eingefügt wird. Aber trotzdem irgendwas ausgeführt wird, da ich ja den Fehler bekomme:
Uncaught TypeError: undefined is not a function (wenn ich das aufklappe, benutze chrome, kommt folgendes darunter)
gmap1_initialize
(anonymous function)

mfg
pressi