Ajax

読み込むだけでアクセシビリティがアップする JavaScript

読み込むだけでWebページの「おもてなし度」を向上では、 Pryn.js という読み込むだけで簡単に使える js ファイルが配布されています。使い方が簡単な上に Web サイトの使いやすさが向上するのでおすすめです。以下の機能が有効になります。 別ドメインへの…

テキストボックスの値が変わったとき UpdatePanel を更新する方法

概要 この記事では、テキストボックスの値が変わったとき UpdatePanel を更新する方法について説明します。テキストボックスの値変更と UpdatePanel を関連づける方法は 2 つあります。以下では、最初に ASP.NET 内だけで処理できる方法 (AutoPostBack プロ…

MSDN Magazine の AJAX 関連記事メモ

MSDN Magazine の AJAX 関連記事メモです。本当は全てまとめようと思ったのですが、とりあえず直近のものだけリストにしておきます。日本語で詳しい解説は少ないですので、英語が苦手な人は要チェックです。 Cutting Edge: AJAX におけるユーザー エクスペリ…

ボタンの有効と無効状態を切り替える

Ajax 利用時に JavaScript の disabled を変更する方法は、第2回 PageRequestManagerクラスでUpdatePanelコントロールを極める! が参考になります。 Sys.WebForms.PageRequestManager.getInstance() の使用法が解説されています。

ASP.NET でモーダルダイアログボックス

概要 ASP.NET でモーダルダイアログを実現するには、以下の 3 通りの方法があります。 JavaScript の showModalDialog() を使用 JavaScript の window.open() を使用してフォーカスを常に取得 Ajax Control Toolkit の ModalPopupExtender コントロールを使…

JavaScript でデバッグ出力 (trace) を使用

ASP.NET Ajax を使用していると、 JavaScript で trace() が利用できます。デフォルトの出力先は、 Visual Studio の出力ウィンドウです。これで、表示がうっとうしい alert() に頼らずにすみます。 Sys.Debug.trace("debug"); なお、デバッグ出力を行うには…

ページ表示時、 pageLoad() が自動的に呼ばれる

ASP.NET Ajax を使用している場合、 pageLoad() という名前の JavaScript function があると、ページロード時に自動で呼び出されます。たとえば、以下の JavaScript を記述してページを表示すると、特にイベントを明示的に関連づけなくとも、メッセージボッ…

FilteredTextBoxExtender で英数字を許可

Ajax Control Toolkit の FilteredTextBoxExtender で英数字を許可するには、 FilterType 属性を Custom にして ValidChars 属性を設定してもいいですが、「FilterType="UppercaseLetters, LowercaseLetters, Numbers"」というように設定することもできます…

ScriptManagerProxy の用途

ScriptManager (ToolkitScriptManager) はページ内に 1 つしか配置することができません。そのため、マスタページに ScriptManager が含まれていて、各ページ内でサービスを参照する必要がある場合は、 ScriptManagerProxy を使用します。使用例は以下のよう…

ページ内の WebMethod (PageMethod) を呼び出す

ページ内の WebMethod (PageMethod) を JavaScript から呼び出すには、 ScriptManager の EnablePageMethods 属性を true に設定します。 (Ajax Control Toolkit を使用する機会が多いため、以下の例では ToolkitScriptManager を使用しています。) <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManagerMain" runat="server" EnablePageMethods="True"> </ajaxtoolkit:toolkitscriptmanager>

JavaScript から WebMethod を呼び出す方法

この記事では、 ASP.NET 2.0 AJAX Extensions を使用して「JavaScript から WebMethod を呼び出す方法」について説明します。 *1 WebService の作成 まず、 WebService を作成します。 Visual Studio の「新しい項目の追加」から「Web サービス」を選択し、…

ScriptManager と ToolkitScriptManager

ASP.NET で Ajax を使用する場合は ScriptManager をページ内に設置しますが、 Ajax Control Toolkit を採用している場合は ToolkitScriptManager が利用できます。 ScriptManager と ToolkitScriptManager で基本的な機能は同等ですが、多数の js ファイル…

開発環境のインストール (.NET 編)

Visual Studio など .NET 関連の開発環境を何度かインストールしました。現時点の最新版である .NET 3.0 環境を構築するのに手間がかかるため、インストール順序*1 とダウンロード先をメモしておきます。 .NET 関連 (1.0, 1.1, 2.0. 3.0) をいったんアンイン…