ASP.NET – Enable und Imagechange von Imagebuttons per Javascript
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
)
Sascha Baumann

(1 Bewetungen, Durchschnitt: 4.00 von 5)
