ansaurus

Question

Javascript: collect info from multiple function onload events until web page finishes loading

Answer 1

A:

The span tag does not have the "onload"

andres descalzo 2009-08-06 15:06:23

Answer 2

A:

You can try to use a code similar to the next

function collector(){
  var spans = document.getElementsByTagName("SPAN");
  var commands = [];
  for (var i=0; i<spans.length; i++)
     if (spans[i].getAttribute("onload"))
        commands.push(spans[i].getAttribute("onload"));

   //here you have all onload commands in the array and can go to stage 3
}
if (window.addEventListener)
  window.addEventListener("load",collector,false):
else
  window.attachEVent("onload",collector);

Aquatic 2009-08-06 15:13:56

can you use anything for the getAttribute value?

EddyR 2009-08-06 15:43:38

thank you. I can't believe it was that easy! I figured it was going to be very complicated and possibly with AJAX. I learn't a few new things with that one :)

EddyR 2009-08-07 05:15:00

Answer 3

A:

Since onload event is supported only by < body>, < frame>, < frameset>, < iframe>, < img>, nothing will happen. I would reccomend you put id's for every span and put also something like this:

<body onload="collector.run()">
<span id="s1"></span>
<script> collector.delayFunction("s1",/data/) </script>
<span id="s2"></span>
<script> collector.delayFunction("s2",/data/) </script>
<span id="s3"></span>
<script> collector.delayFunction("s3",/data/) </script>
<span id="s4"></span>
<script> collector.delayFunction("s4",/data/) </script>
</body>

//function in js file somewhere above
var collector=(function (){
    this.stack={};

    this.delayFunction= function(id,data){
         this.collector.stack[id]=data;
    }

    this.run=function(){// this function will process all collected data
    }
})();

Eldar Djafarov 2009-08-06 15:31:37

ansaurus

tags:

views:

answers:

Javascript: collect info from multiple function onload events until web page finishes loading

related questions