How to bind an onload event to a div element in javascript/jQuery?

Hi,
   jszeto

   U can do one another thing for same function.

$(window).bind("load", function() {
      fireevent();
});


Note: U must write this function between Javascript tag.
This will load on page startup.

I want to fire onload event for each of the <div>s with different parameters passed into a user-defined function, so basically $(window).bind does not fit in this scenario.

Hi,
 jszeto
   
  U can do the same thing here also call multiple function from onload and pass multiple parameter to diff function.

  If the same thing is not possible in your scenario then can u elaborate your purpose of use the same thing with details of your code.

Thanks

The scenario is, when the page loads, each <div> would fire an event and pass a value (say, the <div>'s ID) into one single function and generate a new width for that specific <div>, do you have any suggestions? So basically each of the <div>s' width would dynamically generate when the page loads.

Here is the code snippet I came across, but it did not work:

<script type="text/javascript">
		$(function(){
			$('.progressBar').each(function(){
				var xmlhttp;
				var barID = $(this).attr("ID");
				if(window.XMLHttpRequest){
					xmlhttp=new XMLHttpRequest();
				}else{
	  				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  			}
	  			xmlhttp.onreadystatechange = function(){
	  				if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
	  					$(this).css('width', xmlhttp.responseText);

	  					var temp = parseInt(xmlhttp.responseText);
	  					var indicator = temp/19*10 + '%';

	  					$(this).find('span').html(indicator);
	  				}
	  			}
	  			xmlhttp.open("GET","loadWidth.php?id="+barID,true);
	  			xmlhttp.send();
			})
  		}
	</script>

Select allOpen in new window

how about:

$(window).ready(function() {
    $("div").each(function(){
        fireevent(this);
    });
});

Select allOpen in new window

This will fire the fireevent function for all divs, passing the current div as a parameter to the function.

The onload event is not supported by every element (see this tutorial).
Unless you intend to fire a function at every time your divs are accessed/clicked, I suggest then to use a function that is fired on body load and that fires events for your divs only, like this example:
function .... {
var divs = document.getElementsByTagName("div");
for(i=0;i<divs.length;i++){
(what you want)

Thanks, really good tips.