Can anyone tell me why clicking one buttonimage in the code below triggers 
all of the event listeners instead of only the one tied to the clicked 
button. I must be missing something?

Thanks,

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="Javascript" src="../js/dynapi-253/src/dynapi.js"></SCRIPT>
<SCRIPT language="Javascript">
DynAPI.setLibraryPath('../js/dynapi-253/src/lib/');
DynAPI.include('dynapi.api.*');
DynAPI.include('dynapi.event.*');
DynAPI.include('dynapi.gui.dynimage.js');
DynAPI.include('dynapi.gui.buttonimage.js');
</SCRIPT>
 
<SCRIPT language="Javascript">
function DrawMain() {
   JT=DynAPI.document  

   help_on = DynImage.getImage("images/icon_help_on.gif",24,24);
   help_off = DynImage.getImage("images/icon_help_off.gif",24,24);
   home_on = DynImage.getImage("images/icon_home_on.gif",24,24);
   home_off = DynImage.getImage("images/icon_home_off.gif",24,24);
   info_on = DynImage.getImage("images/icon_info_on.gif",24,24);
   info_off = DynImage.getImage("images/icon_info_off.gif",24,24);
   size_on = DynImage.getImage("images/icon_size_on.gif",24,24);
   size_off = DynImage.getImage("images/icon_size_off.gif",24,24);
 
   // Define buttons
   icon1=new ButtonImage();
   icon1.moveTo(100,100);
   icon1.setImages(help_off,help_on);
   icon1_lis=new EventListener(icon1)
   icon1_lis.onclick=function(e) {
      alert("help")
      e.setBubble(false);
   }
   icon1.addEventListener(icon1_lis)
 
   icon2=new ButtonImage();
   icon2.moveTo(125,100);
   icon2.setImages(home_off,home_on);
   icon2_lis=new EventListener()
   icon2_lis.onclick=function(e) {
      alert("home");
      e.setBubble(false);
   }
   icon2.addEventListener(icon2_lis)
 
   icon3=new ButtonImage();
   icon3.moveTo(150,100);
   icon3.setImages(info_off,info_on);
   icon3_lis=new EventListener()
   icon3_lis.onclick=function(e) {
      alert("info");
   }
   icon3.addEventListener(icon3_lis)
 
   icon4=new ButtonImage();
   icon4.moveTo(175,100);
   icon4.setImages(size_off,size_on);
   icon4_lis=new EventListener()
   icon4_lis.onclick=function(e) {
      alert("size");
   }
   icon4.addEventListener(icon4_lis)

   JT.addChild(icon1)
   JT.addChild(icon2)
   JT.addChild(icon3)
   JT.addChild(icon4)
}
</SCRIPT>
<SCRIPT language="Javascript">
<!--
  DynAPI.onLoad=DrawMain;
//-->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
 
 

_______________________________________________
Dynapi-Help mailing list
[EMAIL PROTECTED]
http://lists.sourceforge.net/lists/listinfo/dynapi-help

Reply via email to