Javascript calling function - onclick works whereas onload doesn't

Question

I am trying to display an offer when the page loads.

The offer works and displays using the onClick method (meaning there is nothing wrong with the 'getOffers.php' script:

<div class="container" onclick="getRequest('<?=$root?>getOffers.php')">

    <div id="offers" class="home-box">
        <h3>Offers</h3>
        <p id="target"></p>
    </div><!-- /#offers -->

</div><!-- /.container -->

Whenever i try:

<div class="container" onload="getRequest('<?=$root?>getOffers.php')">

it doesn't seem to work, could somebody kindly tell my what i am doing wrong.

Tim · Accepted Answer · 2014-04-21 14:33:05Z

3

As you can see at https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers.onload , onload is an event of the window. You cannot use it on a div.

answered Apr 21, 2014 at 14:33

Tim

2,46019 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Yaron U. · Accepted Answer · 2014-04-21 14:32:25Z

1

put the onload call on the <body> element or just put it in a <script> tag below the div

<div class="container">
...
</div>
<script type="text/javascript">
     getRequest('<?=$root?>getOffers.php');
</script>

answered Apr 21, 2014 at 14:32

Yaron U.

7,9333 gold badges33 silver badges45 bronze badges

Comments

Pointy · Accepted Answer · 2014-04-21 14:32:00Z

0

The "load" event is not fired for <div> elements. You can wait for the "load" event at the <body> or document or window.

answered Apr 21, 2014 at 14:32

Pointy

415k62 gold badges600 silver badges631 bronze badges

Comments

Dimitri · Accepted Answer · 2014-04-21 14:32:50Z

0

window.onload = function(){
   // do your stuff...
}

Note that if you override onload function, you will lose your previous assignement.

answered Apr 21, 2014 at 14:32

Dimitri

3023 silver badges16 bronze badges

Comments

Govind Singh · Accepted Answer · 2014-04-21 14:44:17Z

0

try to call onload of body of html

<body onload="getRequest('<?=$root?>getOffers.php')">

The onload event occurs when an object has been loaded.

onload is most often used within the <body> element to execute a script once a web page has completely loaded all content (including images, script files, CSS files, etc.). so you can't apply it on the div

http://www.javascriptkit.com/javatutors/event3.shtml

edited Apr 21, 2014 at 14:44

answered Apr 21, 2014 at 14:38

Govind Singh

15.5k14 gold badges77 silver badges108 bronze badges

Collectives™ on Stack Overflow

Javascript calling function - onclick works whereas onload doesn't

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related