DIV onload Pas de Tir Méthode JavaScript

Je suis en utilisant ASP.NET MVC 4 et j'ai un DIV comme ceci:

<div id="map_canvas" style="width: 500px; height: 400px;" onload="mapAddress();"></div>

Puis, dans un fichier JavaScript (que j'ai vérifié est chargé) est le mapAddress fonction:

function mapAddress() {
    //In this case it gets the address from an element on the page, but obviously you  could just pass it to the method instead
    var address = $("#Address").val();

    geocoder.geocode({ 'address': address }, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var myLatLng = results[0].geometry.location.LatLng;

            var mapOptions = {
                center: myLatLng,
                zoom: 15,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

            var marker = new google.maps.Marker({
                position: myLatLng,
                map: map,
                title: $("#Name").val() + " Location"
            });
        }
        else {
            alert("The location of the event could not be mapped because: " + status);
        }
    });
}

Mais pour quelque raison il n'est pas appelé. Ai-je mal compris le onload événement?

Merci à tous!

OriginalL'auteur Mike Perrenoud | 2012-10-23

  1. 9

    onload ne sera pas le feu pour une <div> élément.

    Vous pouvez le faire pour le document ou body, ou du moins souhaité de l'appel du script immédiatement après la <div>.

    <div id="map_canvas" style="width: 500px; height: 400px;"></div>
<script>
 mapAddress();
</script>
    Merci, cela a fonctionné comme un charme. Désolé pour mon ignorance! Parfois vous vous demandez, que vous avez fait cette chose depuis plus d'une décennie et encore manquer ce genre de choses ici et là. Prouve juste que nous ne sommes pas parfait.

    OriginalL'auteur Gabe

  2. 3

    onload est pris en charge uniquement par les Balises HTML suivantes:

    <body>, <frame>, <frameset>, <iframe>, <img>, 
<input type="image">, <link>, <script>, <style>

    OriginalL'auteur geocodezip

  3. 1

    Ne pas attacher onload gestionnaires de <div> éléments, juste le <body> élément.

    Un bon endroit pour mettre ce qui est directement sur l'objet global (window):

    window.onload = function () {
  //your code
};

    Placer un onload gestionnaire sur un <div> n'a pas de sens parce que l'élément est "chargé" juste après elle est analysée et ajouté à l'arborescence DOM.

    OriginalL'auteur J. K.