how have specific item be first one to appear 'onLoad', then switch to onClick

[mac007]

Hi, all.. hoep somebody can help me...

I have a list of button/images that when "clicked" calls the showUser(this.value) function. But I want to have the first one to be the default as the page first loads. I tried this fix here below, where I embedded  the "if" line in the first input item... and it does seem like it works in explorer but not in firefox (it doenst even make other ones show up at all). Probably that if line is not even properly setup to begin with...

 

Appreciate the help!

 

<input type="image" src='images-template/btn_search.gif' if(defined(this.value)) {  onclick="showUser(this.value)"; } else {  onload="showUser(this.value)"; } value="1" />
<input type="image" src='images-template/btn_search.gif' onclick="showUser(this.value)" value="2"/>
<input type="image" src='images-template/btn_search.gif' onclick="showUser(this.value)" value="3"/>
<input type="image" src='images-template/btn_search.gif' onclick="showUser(this.value)" value="4"/>

[brianlange]

assign the onload event to the window not the image.

Here's a working example http://www.realtown.com/test24.php

In my example I assigned an id to the first image so it can referenced using getElementById

window.onload = function() {
    
    var defaultImage = document.getElementById('default');
    showUser(defaultImage.value);
}

 

[mac007]

wow... thanks a lot Brian! it worked like a charm...

I really do need to get into javascript more.

Appreciate your help!

 

Thanks!