WebSurfer's Home

""

Web アプリケーションの実験室

以前作ってテストしたサンプルを忘れないように整理して書き残そうと思っていたのですが、 途中でやる気がなくなって、2009 年 5 月に書いた No.10 以来ここに書くのはまったくサボってました。（汗） その代わり、ブログ 1 の方に書いていましたが、 ブログのページではデモができないので、こちらの方でやることにしました。No.11 以降がそれです。

  • No.1: SqlDataSource の SelectCommand を RadioButton で切り替えて抽出条件を変更
  • No.2: bgsound を利用して .wav ファイルを再生（IE 専用）
  • No.3: Load イベントで、ページに複数ある Button のどれがクリックされたかを取得
  • No.4: MasterPage に配置した Menu 上で、選択されたメニューの背景をでハイライト
  • No.5: CheckBoxList を RadioButtonList のように使って選択結果を表示
  • No.6: GridView1 の内容を GridView2 にコピー
  • No.7: GridView に配置した TextBox からフォーカスが外れる際に Javascript でその TextBox の ClientID を表示
  • No.8: GridView に表示された内容を Excel にエクスポート
  • No.9: GridView の中の値を計算し、結果を GridView 中に表示（JavaScript とサーバー両方）
  • No.10: GirdView の列に複数ある Button のどれがクリックされたかを取得
  • No.11: UpdatePanel を利用した非同期ポストバックを行う際に、二度押し防止するコードのデモです
  • No.12: クライアント側のスクリプトによって帯域外呼び出しを行うクライアントコールバックのデモです
  • No.13: CheckBox にチェックを入れる／外す操作によって、当該テキストのスタイルを変えます
  • No.14: クライアントの現地時刻をサーバーで取得する方法です。あまり面白くないかも（苦笑）
  • No.15: GirdView の各行の CheckBox に、一度に全部チェックを入れたり外したりする方法の jQuery バージョンです
  • No.16: マウスホイールを回して、ブラウザ上に表示されたリストボックスの中のアイテムを選択します
  • No.17: Calendar コントロールの CheckBox にチェックを入れた日付をサーバー側で取得します
  • No.18: UpdatePanel 内に配置した TextBox に JavaScript でフォーカスを当てたときの問題を再現します
  • No.19: GridView のヘッダ、列を css で固定します。IE の Quirks モード専用ですので注意ください。
  • No.20: ブログの記事 ValidationSummary の表示 の追記に書いた不具合を再現
  • No.21: 非同期ポストバック中のプログレスを表示するのに UpdateProgress の代わりに ModalPopup を使ってみました。
  • No.22: AJAX 対応 ASP.NET Web ページからクライアントスクリプトを使って Web サービスにアクセスします。
  • No.23: jQuery AJAX を使って html ページから Web サービスにアクセスします。
  • No.24: Validator の検証結果が無効の場合、対象の TextBox の背景を目立つ色にして注意をひくというサンプルです。
  • No.25: リストボックスのスクロール位置をポストバック前後で維持します
  • No.26: textarea のキャレット位置に文字列を挿入します
  • No.27: AJAX Control Toolkit ComboBox の日本語対応
  • No.28: GridView の行クリックで選択された行インデックスを取得
  • No.29: input type='reset' によるユーザー入力のリセット
  • No.30: リソース埋め込みカスタムコントロール
  • No.31: リストコントロール上の選択結果をクライアントスクリプトで取得
  • No.32: マウスによるドラッグ＆ドロップで GridView の行を入れ替える。
  • No.33: DOM イベントのキャプチャリングフェーズとバブリングフェーズでイベントを補足。
  • No.34: ModalPopup を iframe に表示されている別ページから非表示にする。
  • No.35: HttpBrowserCapabilities の表示。ダウンロードする日本語ファイル名の文字化け有無確認。
  • No.36: GridView の各行に隠しボタンを配置、スクリプトでクリックしてポストバック。