Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: C#
I want to change the imagebutton image on click , for each click image of image button change alternately pls help me?
Posted 14-Mar-12 2:34am
Comments
Mark Nischalke at 14-Mar-12 7:36am
   
What have you tried so far?
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

If you add an imagebutton to a page and open the page in your favorite browser, then using you favorite tool to investigate the DOM elements you will see the ImageButton control is rendered as a html input element of type image with a src attribute. This should give you some hints to start with.
  Permalink  
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 2

Hope it will help you
<script language="'javascript'">
<!--
function EvImageOverChange(name, direction)
{
switch(direction)
{
case 'in':
name.src = "image/OverImage.gif";
break;
case 'out':
name.src = "image/InitialImage.gif";
break;
}
}
//-->
</script>
 
in the code behind insert this in the Page load method:
 
if(!IsPostBack)
{
myImageButton.ImageUrl = "image/InitialImage.gif";
myImageButton.Attributes["OnMouseOver"] =
"javascript:EvImageOverChange(this, 'in');";
myImageButton.Attributes["OnMouseOut"] =
"javascript:EvImageOverChange(this, 'out');";
}
  Permalink  
Comments
Mark Nischalke at 14-Mar-12 8:13am
   
Not a solution to the question. OP wanted click not mouseover.
Sudip Saha at 14-Mar-12 8:24am
   
Use it myImageButton.Attributes["onclick"] =
"javascript:EvImageOverChange(this, 'in');";

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 290
1 Jochen Arndt 165
2 DamithSL 125
3 PIEBALDconsult 110
4 Garth J Lancaster 90
0 OriginalGriff 5,790
1 DamithSL 4,601
2 Maciej Los 4,012
3 Kornfeld Eliyahu Peter 3,480
4 Sergey Alexandrovich Kryukov 3,195


Advertise | Privacy | Mobile
Web01 | 2.8.141220.1 | Last Updated 14 Mar 2012
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100