私がやりたいのは、ユーザーがボタンをクリックして、ボタンの画像を読み込み中のアイコンに変更することです。
私のjavascript関数は次のようになります-
function GenerateDetail() {
var resBtn = $('ctl00_cpMain_cntnrRoot').find("btn_generateDetail");
if (resBtn != null) {
toggleElement(resBtn);
}
}
function toggleElement(aRelEle) {
if ($(aRelEle).css("display") != "none") {
addImage(aRelEle);
$(aRelEle).css("display", "none");
}
else {
$(aRelEle).prev().remove();
$(aRelEle).css("display", "inline");
}
}
function addImage(aParEle) {
var aImage = document.createElement("img");
var aSrc = "App_Themes/Images/activityloader.gif";
aImage.border = "0";
aImage.src = aSrc;
aParEle.appendChild(aImage);
}
トグルエレメントでは、$(aRelEle).css( "display")は未定義です。なんで?'ctl00_cpMain_cntnrRoot'は、ページ上のすべての要素の周りにあるdivです。