dhtml samples 02


  1. Dynamic Properties:setExpression()メソッドでオブジェクトを中央に配置
  2. Dynamic Properties:removeExpression()メソッドのテスト
  3. Dynamic Properties:1番のサンプルをSTYLE属性のexpressionで指定する
  4. Dynamic Properties:複数のオブジェクトの位置をダイナミックに変える
  5. Dynamic Properties:1つ上のサンプルにドラッグ操作を追加
  6. Dynamic Properties:オブジェクトをウィンドウ右下に配置
  7. sinカーブを描く(SPANタグを使った試作)
  8. sinカーブを描く(DIVタグの絶対位置を使った試作)
  9. sinカーブを描く汎用関数
  10. sin、cos、tanカーブを描く汎用関数3つ
  11. 円を描く汎用関数
  12. オブジェクトを円運動させる(DirectAnimationは使わない)
  13. 一方向に増加する数値を得る1つのテクニック
  14. setExpressionの注意点
  15. Dynamic Properties:リアルタイムにテキストフォームの長さを変える1
  16. Dynamic Properties:リアルタイムにテキストフォームの長さを変える2
  17. Dynamic Properties:setExpressionを使った合計計算
  18. Dynamic Properties:setExpression()でDIVのinnerTextを変える
  19. Dynamic Properties:ページ幅と同じ長さのバーを表示
  20. Behaviors:リストにマウスカーソルを合わせたら下線を出す
  21. 外部JSファイルを使って十字カーソル
  22. リクエスト:十字カーソル+フルスクリーンでボタンを押せないトラブルの解決法
  23. Behaviorの追加と解放/addBehavior()とremoveBehavior()
  24. Behaviors:本文色をトグルで切り替える
  25. Behaviors:runtimeStyleを考える実験1
  26. Behaviors:runtimeStyleを考える実験2
  27. 円を描く汎用関数で遊ぶ1
  28. 円を描く汎用関数で遊ぶ2(一定時間後に円を消す)
  29. 円を描く汎用関数で遊ぶ3(点滅)
  30. 円を描く汎用関数で遊ぶ4(点滅)
  31. style、currentStyle、rintimeStyle
  32. style、currentStyle、rintimeStyle(2)
  33. htcファイルでプロパティを定義する
  34. htcファイルでプロパティを定義する(2)
  35. htcファイルでプロパティを定義する(3)
  36. htcファイルでプロパティを定義する(4):LIタグをリンクにする
  37. saveSnapshot Behavior(Default Behavior)
  38. HTML+TIME(1)
  39. HTML+TIME(2):TIMEACTION属性(display)
  40. HTML+TIME(3):TIMEACTION属性(style)
  41. HTML+TIME(4):TIMELINE(seq)
  42. HTML+TIME(5):TIMELINE(seq)
  43. HTML+TIME(6):TIMELINE(seq)
  44. HTML+TIME(7):TIMELINE(par)
  45. HTML+TIME(8):<t:SEQ>タグ、<t:PAR>タグ
  46. HTML+TIME(9):<t:SEQ>タグ、<t:PAR>タグ
  47. HTML+TIME(10):TIMELINE(seq)−文字を画面中央に次々表示する
  48. HTML+TIME(11):TIMELINE(seq)−映画のCM?のようなサンプル(単純だけど面白いアルヨ)
  49. HTML+TIME(12):TIMELINE="seq"の似たようなサンプル
  50. HTML+TIME(13):TIMELINE="seq"の似たようなサンプル
  51. HTML+TIME(14):TIMELINE(par)とonendイベントハンドラ等
  52. HTML+TIME(15):pause()、resume()、beginElement()、endElement()メソッド
  53. カスタムタグ(1)
  54. Behaviorとカスタムタグを組み合わせる1(次のサンプルと一体)
  55. Behaviorとカスタムタグを組み合わせる2(前のサンプルと一体)
  56. アナログ時計(1)
  57. アナログ時計(2)
  58. アナログ時計(3)
  59. アナログ時計(4)
  60. アナログ時計(5)
  61. アナログ時計(6)
  62. アナログ時計(7)
  63. アナログ時計(8)
  64. windowオブジェクトのresizeTo()メソッドとmoveTo()メソッド(ウィンドウのサイズと位置の設定例)
  65. ボタン時計のhta版(HTA)
  66. サンプル48のhta版(自動で閉じるのでソースを見るときは保存してエディタで読み込む)(HTA)
  67. 複数オブジェクトのドラッグ
  68. createTextRange()メソッド
  69. ドラッグで選択した文字を取得する
  70. 選択した要素をクリアするselectionオブジェクトのclear()メソッド
  71. 選択した要素のタイプを表現するselectionオブジェクトのtypeプロパティ
  72. 選択した要素を選択解除するselectionオブジェクトのempty()メソッド
  73. Webページの要素を選択できないようにする
  74. 画像をスムーズにドラッグするポイント(正常に動く)
  75. 画像をスムーズにドラッグするポイント(正常に動かない)
  76. デスクトップ(試作)
  77. 背景の特定箇所をクリックすると別の画像を表示する(リクエスト関連)
  78. アナログ時計(HTA)
  79. クッキーを使わないで情報を保存するuserDataビヘイビア(1)
  80. クッキーを使わないで情報を保存するuserDataビヘイビア(2)
  81. データバインド:絞り込んだ表の数値を計算する(リクエスト関連)
  82. 色名と16進数表記を書き出す
  83. 背景画像をスクロールする
  84. 背景画像をスクロールする(2)
  85. データバインドを使ったカラーチャート
  86. データバインド:(リクエストに答えるための試作)
  87. リクエスト:データバインド:絞り込んだら平均を自動的に求める
  88. appendChild()メソッドとinsertBefore()メソッドは何がちがう
  89. オブジェクトを削除するremoveNode()メソッド
  90. リクエスト:マウスを合わせたらリンクメニューを表示
  91. Hyper Web NOTE PAD
  92. 覚書:SタグとSTRIKEタグ
  93. テキスト解釈とHTML解釈を切り替える
  94. ページに直接文字を入力する
  95. 覚書(データバインド関連):readyStateプロパティ
  96. document.all("ID")でそのオブジェクトがあるかどうか調べる
  97. createElement()、insertBefore()、removeNode()
  98. データバインド:並び替えたレコードのコピー(作りかけ)
  99. 覚書:<IFRAME>内のページを切り替える
  100. IE5.5の新機能:インラインフレームの重ね合わせと透明化
  101. IE5.5の新機能:popupオブジェクト
  102. セレクトフォームに背景色設定
  103. セレクトフォームに背景色設定2
  104. IE5.5の新機能:スクロールバーの色指定
  105. IE5.5の新機能:zoom属性 zoomプロパティ
  106. DirectX Transforms to Filters and Transitions(IE5.5 LATER)
  107. 正規表現を使う1
  108. リクエスト:クリッカブルマップとポップアップヘルプ1
  109. リクエスト:クリッカブルマップとポップアップヘルプ2
  110. Pixelateフィルター
  111. Embossフィルター、Engraveフィルター
  112. Embossフィルター、Engraveフィルター(ページ全体に設定)
  113. PixelateフィルターのMaxSquareを変化させる
  114. スライドTransition(原型)
  115. Transition(Slide)のパラメータ
  116. Transition(Barn)のパラメータ
  117. Transition(Blinds)のパラメータ
  118. Transition(Checkerboard)のパラメータ
  119. Transition(Pixelate)のパラメータ
  120. Transition(Fade)のパラメータ
  121. Transition(Inset)
  122. Transition(Iris)のパラメータ
  123. Transition(RadialWipe)のパラメータ
  124. Transition(Spiral)のパラメータ
  125. Transition(Stretch)のパラメータ
  126. Transition(Spokes)のパラメータ
  127. Transition(Wipe)のパラメータ
  128. Transition(Zigzag)のパラメータ
  129. setCapture()とreleaseCapture()メソッドとは?
  130. マウスカーソルを追いかける目玉(原型)
  131. マウスカーソルを追いかける目玉(完成品)
  132. setCapture()とreleaseCapture()とは?2
  133. リクエスト:見出しが固定されている表
  134. Data Binding Sample(絞込んだレコード数を求める)
  135. 行の検索(検索文字列が含まれている行を検索)
  136. データバインドと行検索
  137. リクエスト:リンクにした画像をクリックしたとき残る画像周囲の点線を消したい
  138. リクエスト:絞り込みと検索(データバインド)
  139. リクエスト:抽出した件数を表示する1(データバインド)
  140. リクエスト:抽出した件数を表示する2(データバインド)
  141. ダイナミックなメニュー(その16)
  142. dataTransferオブジェクト1
  143. ページ中の要素すべてをカット&ペースト可能にする
  144. 範囲指定した文字をクリップボードにコピー&ペースト1
  145. 範囲指定した文字をクリップボードにコピー&ペースト2
  146. TextRangeオブジェクトのmoveToElementText()メソッド
  147. TextRangeオブジェクトのmoveToElementText()メソッド2
  148. TextRangeオブジェクトのmoveToPoint()メソッド
  149. TextRangeオブジェクトのmoveToPoint()メソッド2
  150. TextRangeオブジェクトを使った文字検索
  151. TextRangeオブジェクトを使った文字置換
  152. インラインフレーム内のページを切り替える際のポイント
  153. インラインフレーム内のページを切り替える
  154. インラインフレーム内のページを切り替える(TextRangeオブジェクト使用)
  155. リクエスト:ボタンのvalueをページ読込ごとにランダムに変える1
  156. リクエスト:ボタンのvalueをページ読込ごとにランダムに変える2
  157. TextRangeオブジェクトを使った文字の後方/前方検索1
  158. TextRangeオブジェクトを使った文字の後方/前方検索2
  159. <TABLE>タグのFRAME属性
  160. <TABLE>タグのRULES属性
  161. <TABLE>タグのFRAME属性とRULES属性
  162. リクエスト:フレーム間の参照
  163. スタイルシートのborder-collapse属性
  164. スタイルシートのborder-collapse属性2
  165. テーブルへの行挿入と削除
  166. 表の画像をクリックで入れ替える(パズルの作りかけ)
  167. IE5.5の新機能:縦書/横書を指定するwriting-mode属性
  168. IE5.5の新機能:スタイルシートのfirst-letter
  169. IE5.5の新機能:Gradientフィルター
  170. IE5.5の新機能:Gradientフィルター(ページ全体への設定例)
  171. リクエスト:文字をさかさまにする
  172. リクエスト:cancelBubbleの分かりやすい例
  173. リクエスト:ページを読み込むごとにスタイルシートの指定を変える
  174. リクエスト:複数フレーム間の参照
  175. マウスカーソル位置にカーソルのXY座標を表示する
  176. マウスカーソルを追いかける画像(残像)の原型
  177. マウスカーソルを追いかける画像(残像)の表示/非表示
  178. マウスカーソルを追いかける画像(残像)の表示/非表示2
  179. リクエスト:Transitionで切り替える画像を3枚以上にする
  180. リクエスト:データバインドの表でメールアドレスをリンク可能にする
  181. リクエスト:データバインドで絞り込んだ結果をアラート
  182. ダイレクトアニメーションのデモ1
  183. リクエスト:メニューに画像を表示したい
  184. リクエスト:[Enter]キーでフォーム内の要素を移動する
  185. リクエスト:3つまでしかチェックできないチェックボックス
  186. リクエスト:データバインドで使うテキストファイルを切り替える
  187. リクエスト:マーキーのスタート/ストップ&文字切替
  188. リクエスト:マーキーのスタート/ストップ&文字切替2
  189. マウスカーソルを中心に回転する球
  190. マウスカーソルを中心に回転する球3つ
  191. 飛び回る球
  192. moving ball
  193. リクエスト:STAFF ROLL
  194. リクエスト:MULTIPLEを指定したセレクトフォームをデータバインドで使う
  195. 書き込みできる白板(制作途中)
  196. リクエスト:self.openerで開いたもとのウィンドウをコントロールする
  197. リクエスト:moving image
  198. リクエスト:表の列のセル背景色を変える
  199. リクエスト:リンクが含まれたデータバインドの繰り返しテーブル
  200. 覚書:スタイルシートのime-mode
  201. リクエスト:数値しか入力できないINPUT
  202. 数値しか入力できないINPUT 2(こっちの方がいいです)
  203. リクエスト:華やかなテーブル1
  204. リクエスト:華やかなテーブル2
  205. リクエスト:華やかなテーブル3(データバインドを使った場合)
  206. リクエスト:華やかなテーブル4(並替/絞込してもスタイル保持)
  207. リクエスト:表への行の挿入・削除と行列番号の取得
  208. リクエスト:データバインドの多重ソート(複数項目での並び替え)
  209. クリックすると壊れていく表
  210. リクエスト:選択したOPTIONの組み合わせによって異なるページにジャンプする
  211. リクエスト:一定時間後にもとのページに戻りたい
  212. リクエスト:85番のダイナミックなメニューをフレームで使いたい
  213. リクエスト:表の合計値を求める
  214. リクエスト:フレームの参照再び
  215. リクエスト:複数テーブルのスタイルを一括設定
  216. バグか?
  217. リクエスト:データバインドの繰り返し表でページを一挙にジャンプ
  218. リクエスト:表の計算とスタイル設定
  219. リクエスト:NEOの74番のアイコンにリンク機能を加えたい
  220. 外部スタイルシートを参照する<LINK>タグのhrefプロパティ
  221. 子ウィンドウのデータバインドデータのコントロール
  222. リクエスト:子ウィンドウの画像を親から切り替える
  223. リクエスト:子ウィンドウから親ウィンドウの外部CSSファイルを切り替える
  224. IE5.5の新機能:先頭行だけスタイルを変えるfirst-line
  225. IE5.5の新機能:文字を直接編集可能にするcontenteditable
  226. IE5.5の新機能:文字を直接編集可能にするcontenteditable(BODYタグに使用)
  227. リクエスト:タイピングをするように文字を表示する
  228. リクエスト:リンクが含まれたデータバインドの繰り返しテーブル2
  229. onmouseenterとonmouseleave、onmouseoverとonmouseout
  230. リクエスト:ツリー形式のメニュー
  231. <SELECT>とデータバインド
  232. 雪が降る
  233. リクエスト:tabIndexプロパティ
  234. リクエスト:アンケートの結果で別ページにジャンプ
  235. リクエスト:表の合計値を求める(データのない箇所は0にする)
  236. 奇妙なサンプル(データバインド)
  237. 奇妙なサンプル2(データバインド)
  238. リクエスト:百面相
  239. リクエスト:onmouseover/onmouseoutでマウスカーソルの下にない画像も切り替える
  240. リクエスト:親ウィンドウの背景画像を切り替える
  241. リクエスト:左フレームの画像にマウスカーソルを合わせると右フレームの画像も変える
  242. ウィンドウを開くopen()メソッドの覚書
  243. リクエスト:重ねる
  244. サーチパス
  245. リクエスト:ダイナミックなメニュー(その17)

2004年06月22日