Is it possible to use "dinamic" ImageButtons in ASP.NET web application?

goraperas

21y3.8k.NET

Hi, I would like to use some ImageButtons in my ASP.NET web application, but I saw that the button looks the same all the time. With the normal Buttons, the appereance is changed if the user clicks on it, or also if he passes the mose across it. Consequently, you can see if the button is pressed or selected, but it is not possible to add pictures on it. My question was if there is any way to change the ImageButtons when 1) they are being clicked or 2) selected. I thought about making new pictures (for the clicked or selected button) and then change the image url just when these events are occuring. How can I now when a button is being pressed or selected?? Thanks, goraperas

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

goraperas21y ago
Thanks yasser!!! That was exactly what I needed, thank you very much! Juste one comment, the event that I needed for when clicking a button was onMouseDown instead of onClick. The last one fires AFTER the button is clicked and the first one fires exactly while the button is being pressed. Regards, goraperas
0
yasser_822721y ago
In your case you'll need to use javascript click event for 1 as well. Here is the code: Say your ImageButton is declared like this: Now you'll need to write the below code in Page_Load event of your .cs file: if(!Page.IsPostBack) { ImageButton1.Attributes["onClick"] = "javascript:changeImage(this, 'Click');"; ImageButton1.Attributes["onMouseOver"] = "javascript:changeImage(this, 'MOver');"; ImageButton1.Attributes["onMouseOut"] = "javascript:changeImage(this, 'MOut');"; } In section of .aspx file, write javascript function to handle this events: Cheers, Yasser
0
goraperas21y ago
Hi yasser, How can I write this events in JavaScript? I can only see the Click, Command, DataBinding, Disposed, Init, Load, PreRender and Unload event in the HTML code. And for 1, if I use ImageButton_Click, the Image of the button will be changed after the button is clicked, and I only need JUST when the button is being clicked. Thanks, goraperas
0
yasser_822721y ago
Use ASP.NET click event for 1 and use JavaScript onMouseOver and onMouseOut events for 2.
0