dhtml samples 03


  1. スクリプトを実行するexecScript()メソッド
  2. [Shift]キーの状態を調べる汎用関数
  3. 文字列str1の先頭からnumber個目の文字列str2の先頭インデックス番号を返す汎用関数
  4. n日前の年月日を返す汎用関数
  5. 文字を置換する汎用関数
  6. フィルターアニメーション(Alpha Filter)
  7. フィルターアニメーション(Blur Filter)
  8. フィルターアニメーション(Wave Filter)
  9. フィルターアニメーション(Pixelate Filter)
  10. フィルターアニメーション(MotionBlur Filter)
  11. フィルターアニメーション(Matrix Filter)
  12. データアイランド1
  13. データアイランド2
  14. データアイランドのデータのレコード切替
  15. externalオブジェクトのShowBrowserUI()メソッド
  16. externalオブジェクトのAddDesktopComponent()メソッド
  17. t:animateエレメント(HTML+TIME)
  18. t:animateエレメント2(HTML+TIME)
  19. t:animateエレメント3(HTML+TIME)
  20. t:animateエレメント4(HTML+TIME)
  21. t:animateColorエレメント1(HTML+TIME)
  22. t:animateColorエレメント2(HTML+TIME)
  23. t:animateMotionエレメント1(HTML+TIME)
  24. t:animateMotionエレメント2(HTML+TIME)
  25. t:animateMotionエレメント3(HTML+TIME)
  26. t:animateMotionエレメント4(HTML+TIME)
  27. t:setエレメント1(HTML+TIME)
  28. t:setエレメント2(HTML+TIME)
  29. values属性でt:animateMotionのルートを指定する(HTML+TIME)
  30. values属性でt:animateColorの色を指定する1(HTML+TIME)
  31. values属性でt:animateColorの色を指定する2(HTML+TIME)
  32. t:animateColor要素でfromで指定した色からtoで指定した色に変化させる(HTML+TIME)
  33. keySplines、keyTimes(HTML+TIME)
  34. repeatCountには1.2のような端数も指定できる(HTML+TIME)
  35. 繰り返しのトータル時間を指定するrepeatDur属性(HTML+TIME)
  36. beginの指定方法1(HTML+TIME)
  37. beginの指定方法2(HTML+TIME)
  38. beginの指定方法3(HTML+TIME)
  39. 画像を順番に表示するとてもシンプルな例(HTML+TIME)
  40. clickとmousedownとmouseup(HTML+TIME)
  41. Time Containerの<t:par>(HTML+TIME)
  42. Time Containerの<t:seq>(HTML+TIME)
  43. <t:seq>と<t:par>を組み合わせたスライドショーの原型1(HTML+TIME)
  44. <t:seq>と<t:par>を組み合わせたスライドショーの原型2(HTML+TIME)
  45. Time Containerの<t:excl>(HTML+TIME)
  46. 動画(asfファイル、aviファイル)のスタート/ストップ(HTML+TIME)
  47. accelerate属性&プロパティ、そしてスクリプトでスタートさせるbeginElement()メソッド(HTML+TIME)
  48. リクエスト:画像などの読込中にメッセージを出す2
  49. showModalDialog()でモーダルダイアログを開く
  50. リクエスト:ページの読込中にメッセージを出す
  51. TEXTAREA内の文章を選択状態にする
  52. values属性でt:animateColorの色を指定する3(HTML+TIME)
  53. t:animateMotionエレメントでSPANを動かすデモ(HTML+TIME)
  54. t:animateMotionエレメントのデモ1(HTML+TIME)
  55. t:animateMotionエレメントのデモ2(動作を繰り返すタイプ)(HTML+TIME)
  56. t:animateMotionエレメントのデモ3(HTML+TIME)
  57. t:animateMotionエレメントのデモ4(HTML+TIME)
  58. 素のshowModelessDialogを開く
  59. スライドショーのデモ1(IE5.5とNN6で動作/NN4.6はダメ)
  60. スライドショーのデモ2(IE5.5動作確認/NNはダメ)
  61. スライドショーのデモ3(IE5.5動作確認/NNはダメ)(HTML+TIME)
  62. 文字例を指定文字列で分割して配列に格納するsplit()メソッド
  63. リクエスト:半角で区切られた文字でAND検索(データバインド)
  64. HTML+TIMEを使ったカラーチャート(HTML+TIME)
  65. リクエスト:読み込むごとにおすすめ先リンクをランダムに変える
  66. t:animateColorを使ったダイナミックなメニュー1(HTML+TIME)
  67. t:animateColorを使ったダイナミックなメニュー2(HTML+TIME)
  68. リクエスト:NEOの245番をフレーム対応にしたい
  69. t:animateColorを使ったダイナミックなメニュー3(HTML+TIME)
  70. t:animateColorを使ったダイナミックなメニュー4(HTML+TIME)
  71. t:animateでalphaフィルターのopacityを変化させる(HTML+TIME)
  72. Webページのソースを表示する
  73. リクエスト:Now Loading...(プログレスバー付き)(未完成)
  74. リクエスト:Now Loading...(プログレスバー付き)2
  75. リクエスト:画像をドラッグするとコピー
  76. リクエスト:フレーム内をスクロールさせる
  77. セルの背景色を交互に設定する
  78. リクエスト:閉じる/開くメニュー(横バージョン)
  79. ちょっと凝ったメニューの原型
  80. ちょっと凝ったメニュー(一応の完成)
  81. ちょっと凝ったメニュー(サブメニュー付き)
  82. t:animateColorを使ったダイナミックなメニュー5(HTML+TIME)
  83. onmousewheelイベントハンドラ1(IE6の新機能)
  84. onmousewheelイベントハンドラ2(IE6の新機能)
  85. リクエスト:スロットマシン(基本になるベース)
  86. [F1]キーを無効にする(その1)
  87. [F1]キーを無効にする(その2)
  88. [F1]キーを無効にする(その3)
  89. 覚書:IE6の新しいカーソル(IE6の新機能)
  90. 再読込するlocation.reload()
  91. 覚書:SELECTをグループ分けするOPTGROUP属性(IE6の新機能)
  92. 覚書:画像上のイメージツールバーの表示/非表示を指定するGALLERYIMG属性(IE6の新機能)
  93. オブジェクトに同じID名を指定すると配列になる?
  94. カーソルを追尾する画像1
  95. カーソルを追尾する画像2
  96. カーソルを追尾する画像3
  97. カーソルを追尾する画像4
  98. リクエスト:画像をクリックして回りに枠
  99. リクエスト:表の計算とスタイル設定(絞込用の項目を増やす)
  100. t:transitionfilterエレメントの練習1(HTML+TIME)
  101. t:transitionfilterエレメントの練習2(HTML+TIME)
  102. t:transitionfilterエレメントの練習3(HTML+TIME)
  103. リクエスト:SAMPLE集No.2の72番をテキスト対応にしたい
  104. t:transitionfilterエレメントのtype属性(HTML+TIME)
  105. リクエスト:showModalDialogで開いたページ内のinputで[Enter]キーを押すと同じページが開くことへの対策
  106. createElement()とappendChild() [とinsertAdjacentHTML()]
  107. リクエスト:1つでも入力されていれば次に進めるフォーム
  108. リクエスト:ページの左クリック/右クリックともにオリジナルメニューを出す
  109. リクエスト:データバインドのファイルを切り替えてもテーブルを華やかに!
  110. <textarea>内に入力された改行を<br>に置き換える
  111. リクエスト:スクロールしても横センター、縦トップの入力フォーム
  112. リクエスト:ランダム画像とリンク
  113. リクエスト:2つのセレクトメニューを連動させる
  114. リクエスト:親ウィンドウのページが変わったら子ウィンドウを自動的に閉じたい
  115. リクエスト:テーブルのセルに表示した画像を切り替えたい
  116. リクエスト:ある文字数入力したら次の入力欄にカーソルを移動する
  117. ポップアップヘルプ(修正版)
  118. リクエスト:背景画像にだけフィルターを設定したい
  119. ポップアップヘルプ(修正版2)
  120. リクエスト:フレームの横スクロールの例
  121. リクエスト:フレームの縦スクロールの例
  122. リクエスト:インラインフレームの重なり方をボタンで切り替える
  123. リクエスト:クリックしたセルの値を得る
  124. フォーカスされた要素を返すactiveElementプロパティ
  125. リクエスト:フレームのページが読み込まれたかどうかを判断したい
  126. リクエスト:算用数字を漢数字に置換したい
  127. プルダウンメニューでリンクメニューの内容を切り替える
  128. リクエスト:別のフレームの特定箇所にジャンプしたい
  129. リクエスト:表中のクリックした行を削除する(deleteRow()メソッドとrowIndexプロパティ)
  130. リクエスト:<input type="file">とファイル名の抽出
  131. データソースの全データを手間を省いて見たい(データバインド)
  132. データソースのヘッダを調べられるrecordsetオブジェクトのfields配列(データバインド)1
  133. データソースのヘッダを調べられるrecordsetオブジェクトのfields配列(データバインド)2
  134. データソースのヘッダを調べられるrecordsetオブジェクトのfields配列(データバインド)3
  135. ドキュメント左上からのマウスポインタのXY位置を得る1
  136. ドキュメント左上からのマウスポインタのXY位置を得る2
  137. リクエスト:<pre>タグを使ったシンプルなツリー形式メニュー
  138. リクエスト:<input>にフォーカスし、そのフォーカスを維持したままページ上端にスクロール
  139. 複数のwavファイルを連続再生する
  140. 十字カーソル(修正版)
  141. リクエスト:テーブルの背景画像を切り替える
  142. frameSetオブジェクトの実験
  143. 2つのフレームの制御(できそうでできない他サイトのフレームへの表示)
  144. 2つのフレームの制御(同一サイトならフレームに別ページ表示できる)
  145. 覚書:境界線のないiframeはframeborder='0'とする
  146. 2つのフレームの制御(無理矢理別サイトのページを別フレームに表示する)
  147. グラデーションを設定したdivの重なり方を切り替える
  148. 要素を作るcreateElement("タグ名")とそれを挿入するappendChild()
  149. 自由な位置に1行だけ書き込める(ように見える)ページ(試作1)
  150. 自由な位置に1行だけ書き込める(ように見える)ページ(試作2)
  151. <form>のdisabledプロパティについて
  152. [Shift]キーを押しているあいだだけページの上下をひっくり返す
  153. [Shift]キーならページ上下、[Ctrl]キーならページ左右をひっくり返す
  154. リクエスト:Now Loading(IE&NN共用、NN6は不可)
  155. オブジェクトの子要素を削除するremoveChild()メソッド
  156. リクエスト:グラデーションの枠?
  157. リクエスト:データソース中の画像ファイル名に拡張子を追加して画像表示したい(データバインド)
  158. 覚書:#idでそのid名の要素のスタイルを指定できる
  159. リクエスト:平板な(影のない)チェックボックスとラジオボタン
  160. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.Alpha()
  161. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.BasicImage()
  162. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.Blur()
  163. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.Chroma()
  164. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.DropShadow()
  165. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.Emboss()
  166. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.Engrave()
  167. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.Glow()
  168. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.MotionBlur()
  169. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.Shadow()
  170. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.Wave()
  171. リクエスト:ページを読み込むごとにスタイルシートの指定を変える2
  172. リクエスト:スクロールしても画像を同じ位置に固定する1
  173. リクエスト:スクロールしても画像を同じ位置に固定する2
  174. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.Compositor() その1
  175. IE5.5以降のフィルター〜filter:progid:DXImageTransform.Microsoft.Compositor() その2
  176. リクエスト:スクロールしてもカラーバーを画面トップに置きたい
  177. クッキー用の汎用関数
  178. リクエスト:半角英大文字しか入力できないテキストフィールド
  179. 要素をドラッグする別の方法
  180. リクエスト:インタラクティブなテーブル
  181. リクエスト:iframeを使ってリンク先を切り替えるメニュー
  182. chromaフィルターのスクリプトサンプル
  183. navigatorオブジェクトのプロパティ
  184. 覚書:title属性で使用する改行とタブの書き方
  185. リクエスト:IE/NN共用のポップアップヘルプ(未完)
  186. 舞い上がる雪
  187. 舞い上がるビール
  188. リクエスト:NEO2 66番のメニューで文字色も同時に変化させたい(HTML+TIME)
  189. リクエスト:トランジションを使ったメッセージ表示の例
  190. テキストフィールドに入力した1桁の月日の先頭に0を付加する
  191. 片方のリストメニューを変えると他方のリストメニューの内容を変える
  192. 片方のリストメニューを変えると他方のリストメニューの内容を変える(リンク機能追加)
  193. つねにページ四隅に表示されるオブジェクト
  194. リクエスト:画像にマウスカーソルを置いたら自動的にスクロール1
  195. リクエスト:画像にマウスカーソルを置いたら自動的にスクロール2
  196. リクエスト:サンプル集No.2の124番のメニューの数を増やしたい
  197. リクエスト:親をクローズすると自動的に子ウィンドウも閉じる
  198. ondatasetcompleteで絞込およびテキストファイル切替後の現在のレコード数を調べる(データバインド)
  199. リクエスト:動的な文字1
  200. リクエスト:動的な文字2
  201. ondatasetcompleteで絞込およびテキストファイル切替後の現在のレコード数を調べる2(データバインド)
  202. backgroundPositionを変更する
  203. backgroundPositionをスムーズに変更する
  204. リクエスト:ウィンドウを開いてランダムリンク
  205. 星のような雪のような……
  206. scrollBy()メソッドでiframe内のドキュメントをスクロールする
  207. values属性でt:animateMotionのルートを複数指定して切り替える(HTML+TIME)
  208. データバインドのデータを一部隠してクリックしたとき表示する
  209. リクエスト:画像をドラッグするとコピー(画像をランダムに発生)
  210. リクエスト:送信する前に入力・指定漏れをチェックし、その入力欄の背景色を変える
  211. リクエスト:データーバインドの列データをセレクトフォームに入れる
  212. リクエスト:マウスをのせると文字が画像に変化するリンク
  213. リクエスト:テキストフィールドに入力した文字からリストメニューを作り出す
  214. リクエスト:テキストフィールドに入力した文字をリストメニューで選択状態にする
  215. リクエスト:指定したレコードだけ抽出する
  216. リクエスト:画像を中央に置き、フェードで順番に切り替える
  217. リクエスト:背景を色と画像で2分割して色を固定する
  218. リクエスト:漢数字のデジタル時計
  219. リクエスト:漢数字のデジタル時計2
  220. リクエスト:外部JSファイルにリンク先のurlを書いておくテクニック
  221. リクエスト:Now Loading...(左から右に動くプログレスバー付き)
  222. リクエスト:画像サイズをウィンドウサイズに合わせ、スクロールしても切れないようにする
  223. リクエスト:繰り返しテーブルで指定したレコードだけ抽出してリストメニューにする
  224. リクエスト:マーキーを任意の位置で止める1
  225. リクエスト:マーキーを任意の位置で止める2
  226. リクエスト:リストで選んだ要素をテキストボックスにセットする
  227. リクエスト:onmouseoverで横に画像を出し、画像にマウスをのせると文字と入れ替える

2004年06月22日