DotNetBlog der DotNet-Blog Alles rund um Microsoft .NET – von  Sascha H. Baumann

ASP.NET – Enable und Imagechange von Imagebuttons per Javascript

1 Star2 Stars3 Stars4 Stars5 Stars (1 Bewetungen, Durchschnitt: 4.00 von 5)
Loading ... Loading ...

Guten Abend,

ich stand gerade vor einem reichlich verzwickten Problem. Auf einer ASPX-Seite habe ich einen serverseitigen Image-Button, der nach Vorgabe anderer Seiteelemente (In meinem Fall:Wurde ein Radiobutton selektiert?) aktiviert  und bei der Gelegenheit noch ein neues Bild bekommen soll.
Mittels HTML und Javascript eigentlich gar kein Problem, und so einfach ist die Lösung dann auch wirklich in ASP.NET

Zunächst initialisiert man den Button wie gewohnt, definiert Events und Code-Behind. Dabei achtet man darauf, dass der Button per Default auf Enabled=false steht, und das Defaultbild ebenfalls das Disabled-Bild ist.


<asp:ImageButton ID="btnStep" runat="server"
Enabled="false" ImageAlign="Right"
ImageUrl="images/btn_step_disabled.png"
onclick="btnStep_Click" />

Mein Button heißt btnStep, eurer anders, den Namen also austauschen nach belieben.

Danach folgt ein wenig Javascript. Je nach Bedingung (in meinem Fall im OnClick-Event des Radiobuttons) wird nun eine Javascript-Funktion ausgelöst, die wie folgt aussehen kann:


function IsClicked()
{
var button = $get('<%=btnStep.ClientID %>');
button.disabled = false;
button.src = 'images/btn_step_enabled.png';
return;
}

Und siehe da, es funktioniert. Viel Spaß beim ausprobieren :o )

Sascha Baumann

Share and Enjoy:
  • Digg
  • del.icio.us
  • Mixx
  • Google Bookmarks
  • MisterWong.DE
  • Technorati
  • Webnews.de
  • YahooMyWeb

Hinterlasse eine Antwort

CAPTCHA-Bild CAPTCHA Audio
Bild neuladen

Bad Behavior has blocked 35 access attempts in the last 7 days.