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 195
1 ProgramFOX 130
2 Maciej Los 105
3 Sergey Alexandrovich Kryukov 105
4 Afzaal Ahmad Zeeshan 82
0 OriginalGriff 6,564
1 Sergey Alexandrovich Kryukov 6,048
2 DamithSL 5,228
3 Manas Bhardwaj 4,717
4 Maciej Los 4,150


Advertise | Privacy | Mobile
Web01 | 2.8.1411022.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