Home/ Questions/Q 8646319
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T12:46:37+00:00

Not really sure what is causing this, or if it’s related to Grails at

  • 0

Not really sure what is causing this, or if it’s related to Grails at all.

I have a method that I want to call on body load that goes first. Then a method in a script tag that goes second. I always assumed the body onload method call would go first – I guess I was wrong.

The order of alerts is 3, then 1, then 2.

Any ideas?

<html>
<head>
    <title>${cname} Organization Chart</title>

    <link rel="stylesheet" href="${resource(dir: 'css', file: 'custom.css')}" type="text/css"/> 
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'jquery.jOrgChart.css')}" type="text/css"/>   
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.min.css')}" type="text/css"/>  
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'prettify.css')}" type="text/css"/>   

    <g:javascript src="prettify.js" />
    <g:javascript src="jquery.jOrgChart.js" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

    <script>
        alert('3');
        jQuery(document).ready(function() {
            $("#org").jOrgChart({
                chartElement : '#chart',
                dragAndDrop  : true
            });
        });
    </script>

<body onload="alert('1');prettyPrint();alert('2');">

    <ul id='org' style='display:none'></ul>

    <div id="chart"></div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    <body onload=...> actually (and oddly) sets the window.onload event, which is invoked after all the initially requested external resources (images, scripts, etc.) are done loading.

    You probably should use jQuery’s $(document).ready() handler or inline the script, depending on your needs.

    • 0