|
|
|このページのtopへ
|マウスオン
|基本
|ウィンドウ
|画像
|表やセル
|フォーム
|特殊なツール
|技ファイル検索
| |
| マウスを重ねたときの技 |
| m004 |
セル背景色変化 |
|
◇style |
[技a011]
(web工房別館)
|
◇style |
| m005 |
別の画像表示1 |
◇img src |
| m017 |
フェードイン2 |
◇filter◇Opacity◇setTimeout |
| m006 |
別の画像表示2 |
◇img |
| m003 |
ポップアップ表示 |
(ポップアップウィンドウ作成他、3つの方法) |
◇title◇createPopup◇div◇visibility |
| m012 |
ステータスバーに
メッセージ |
◇window.status |
| m007 |
文字背景色変化 |
| m008 |
テキストフィルード
に文字表示 |
する
画像も別の画像に変化する |
◇Array◇textarea |
| m009 |
画像を手前表示 |
◇zIndex |
| m014 |
画像の移動 |
◇position◇relative |
| m010 |
メニュー表示1 |
◇div◇visibility |
| m013 |
画像表示 |
◇visibility |
| m001 |
画像の色グレー |
◇filter◇gray |
| m002 |
画像の色反転 |
◇filter◇invert |
| m015 |
画像の透明度 |
◇opacity◇transparent |
| m016 |
マウスカーソル |
◇cousor |
| m018 |
マウスに追従 |
|
|
|このページのtopへ
|マウスオン
|基本
|ウィンドウ
|画像
|表やセル
|フォーム
|特殊なツール
|技ファイル検索
| |
| htmlやjavascriptの基本技---只今工事中です |
| b001 |
テキスト書式設定 |
テキスト(フォント等)の書式をいろいろな方法で設定する |
◇font |
|
|
|このページのtopへ
|マウスオン
|基本
|ウィンドウ
|画像
|表やセル
|フォーム
|特殊なツール
|技ファイル検索
| |
| ウィンドウに関する技 |
| k001 |
ウィンドウクローズ |
◇window.close() |
| k017 |
ウィンドウクローズ |
◇window.close() |
| k002 |
ウィンドウオープン |
◇window.open() |
| b006 |
ダイアログ
ボックス
(基本技) |
ダイアログボックス(モーダルウィンドウ)を開く(基本技)
|
◇showModalDialog◇showModalessDialog
|
【1】ダイアログボックス(モーダルウィンドウ)を開く
モーダルで開く
モーダレスで開く
【2】親ウィンドウからダイアログボックス(子ウィンドウ)に値を渡す
【3】ダイアログボックス(子ウィンドウ)から親ウィンドウに値を渡す
|
| k011 |
ウィンドウ再読込 |
◇location.reload() |
| k010 |
ウィンドウオープン |
◇window.open() |
| k013 |
ワイプして
オープン |
◇http-equiv= Page-Exit"◇revealTrans |
| k003 |
ウィンドウ/戻す |
◇history.forward() |
| k004 |
ウィンドウ/進む |
◇history.forward() |
| k005 |
ウィンドウサイズ1 |
任意サイズからウィンドウに合わせた全画面表示まで |
◇window.resizeTo() |
| k012 |
ウィンドウサイズ2 |
◇window.resizeTo() |
| k006 |
ウィンドウの位置 |
◇moveTo() |
| k007 |
win前面表示 |
◇focus() |
| k008 |
ウィンドウ/印刷 |
◇window.print() |
| k009 |
ウィンドウ/書込み |
◇document.write() |
| k014 |
マウスカーソル
座標 |
◇scrollLeft◇scrollTop◇event.x |
| k015 |
表示位置ジャンプ |
◇a href◇a name |
|
|
|このページのtopへ
|マウスオン
|基本
|ウィンドウ
|画像
|表やセル
|フォーム
|特殊なツール
|技ファイル検索
| |
| 画像に関する技 |
| g001 |
画像オープン1 |
(様式指定なし) |
| g002 |
背景画像1 |
◇background-image |
| g010 |
背景画像固定2 |
◇background-attachment:fixed |
| g013 |
画像固定 |
◇scrollLeft◇scrollTop◇event.x |
| g003 |
画像自動変更 |
◇clearInterval |
| g012 |
画像ランダム変更 |
◇setInterval◇clearInterval◇randam |
| g011 |
ワイプして
画像変更 |
◇filters.revealTrans |
| g004 |
画像手動変更 |
◇疑似スライド |
| g005 |
画像スクロール |
◇scrollBy |
| g006 |
画像に文字乗せ |
◇div◇z-index |
| g007 |
画像フェードイン1 |
◇filter◇Opacity |
| g008 |
テキスト回り込み |
◇img◇align◇br clear |
| g009 |
画像ドラッグ |
◇position◇event.x◇pixelTop |
|
|
|このページのtopへ
|マウスオン
|基本
|ウィンドウ
|画像
|表やセル
|フォーム
|特殊なツール
|技ファイル検索
| |
| 表(テーブル)やセルに関する技 |
| c004 |
テーブル(表)1 |
◇table |
| c007 |
テーブル(表)2 |
◇width |
| c005 |
テーブルセル1 |
◇table◇td◇th |
| c006 |
テーブルセル2 |
◇colspan◇rowspan |
| c010 |
テーブルセル1 |
◇caption |
| c008 |
テーブル列書式 |
◇thead◇tbody◇tfoot |
| c009 |
テーブルボディ |
◇colgroup |
| c001 |
テーブル枠ネオン |
◇borderColor |
| c002 |
表内の行間隔 |
◇line-height |
| c003 |
テーブル枠設定 |
◇border-style |
|
|
|このページのtopへ
|マウスオン
|基本
|ウィンドウ
|画像
|表やセル
|フォーム
|特殊なツール
|技ファイル検索
| |
| フォームに関する技 |
| f001 |
セレクトメニュー2 |
◇select◇swith |
| f002 |
セレクトメニュー1 |
◇select◇option |
| f004 |
セレクトメニュー3 |
◇select◇getElementById |
| b001 |
テスキトフィールド
1
(基本技) |
テキストフィールドを用いる
|
◇input◇text◇focus |
【1】テキストフィールドを用いる(基本)
【2】テキストフィールドを修飾する(スタイル属性)
マウスカーソルの形ちを変更
テキストフィールドの文字をセンタリング
テキストフィールドの背景色や枠を飾る
マウスカーソルを重ねると背景色が変化する
日本語入力モードを設定する
【3-1】特定のテキストフィールドにフォーカスする
【3-2】テキストフィールドにフォーカスしたとき、入力文字の最後尾にカーソルを移動する
テキトスフィールド毎にname属性を指定する方法
switch関数を使用する方法(複数のテキストフィールドに適用)
【4】テキトスフィールドの使用可能/使用不可を切り換える
|
| f003 |
オートコンプリート |
◇vcard_name◇autocomplete |
| f005 |
テキストエリア |
◇textarea |
| b005 |
ラジオボタン
(基本技) |
ラジオボタンを用いる |
◇input◇radio |
【1】ラジオボタンを用いる(基本)
【2】ラジオボタンを修飾する(スタイル属性)
マウスカーソルの形ちを変更
ラジオボタンの背景色や枠を飾る
ラジオボタンや文字にマウスカーソルを重ねると背景色が変化する
【3】ラジオボタンがクリック(選択)されたらボタンと文字の背景色が変わる
選択したラジオボタンのみ、背景色を変更
選択したラジオボタンと文字の両方の背景色を変更
【4】文字をクリックしてもラジオボタンが選択される
【5】
ラジオボタンをクリックするとセルの背景色が変わる
リンク文字を選択するとラジオボタンを選択したり使用可能/不可を切り替える
【6】
どのラジオボタンが選択されているか判定する
選択されたラジオボタンによって実行するスクリプトを変える
|
| b003 |
チェックボックス
(基本技) |
チェックボックスを用いる
|
◇form◇input◇checkbox |
【1】チェックボックスを用いる(基本)
【2】チェックボックスを修飾する(スタイル属性)
チェックボックスに背景色(ボックスと文字の両方に背景色)
チェックボックスの枠を飾る(ボックスと文字の両方を枠で飾る)
チェックボックスにカーソルを重ねると背景色が変化する
【3】チェックボックスをチェックすると背景色が変わる
【4】チェックボックスをすべてチェックする/チェック数量を調べる
全部のチェックボックスをすべてチェックする/チェックをはずす
チェックされている数量を調べる
指定数量以上チェックされたらアラート(警告)する
チェックされたチェックボックスのvalue属性を調べる
【5】チェックボックスの文字をクッリクしてもチェックできる
【6】チェックボックスの使用可能/使用不可を切り換える
【7】特定のチェックボックスがチェックされているときのみスクリプトを実行する
|
|
|
|このページのtopへ
|マウスオン
|ウィンドウ
|画像
|表やセル
|フォーム
|特殊なツール
|技ファイル検索
| |
| 特殊な動作をするツール |
| t001 |
電光掲示板 |
| t002 |
お気に入り登録 |
◇AddFavorite |
| t003 |
確認/警告window |
◇confirm◇alert |
| t004 |
右クリック無効 |
◇onContextmenu |
| t005 |
インラインフレーム |
(インラインフレーム) |
◇iframe |
| t006 |
指定時間経過後 |
◇setTimeout() |
| t007 |
保存ダイアログ |
◇execCommand◇SaveAs |
| t011 |
カラーダイアログ |
◇Dialog◇ChooseColorDlg |
| t008 |
今日の日付表示 |
◇Date◇getYear |
| t009 |
水平線 |
◇hr |
| t010 |
ソース表示 |
(ホームページをブラウザで開かないでhtmlファイルのソースだけみる) |
◇view-source: |
| b004 |
スクロールバー
(基本技) |
スクロールバーを表示する・隠す/非表示・色を変更する(基本技)
|
◇scrollbar◇overflow |
【1】テキストエリアのスクロールバーを表示/消去する
スクロールバーの表示・非表示
縦方向・横方向のスクロールバーを別々に表示・非表示
【2】ウィンドウのスクロールバーを表示/消去する
【3】スクロールバーの色を変える
|
| b007 |
クッキー
(基本技) |
クッキーを用いる(基本技)
|
◇cookie◇overflow |
【1】クッキーを発行する
クッキーを発行する
同一ページで複数のデータを発行する
【2】クッキーを読み込む
保存されたデータをすべて読み込む
指定したデータのみ読み込む
【3】クッキーに書き込まれたデータを消去する
【4】その他のクッキー技
クッキーの書き込みができない場合は警告する
パスを指定する(クッキーを発行するhtmlファイルのパス以外)
保存期限を年月日でなくて○しろまる日後に設定する
【5】フォームへの入力データをクッキーに書き込む/読み込む/消去する(応用技)
|
| b008 |
csvファイル
データバインド
(基本技) |
csvファイルデータをデータバインドする(基本技/IE限定)
|
◇データバインド |
【1】csvファイルデータをバインドして(繰り返し)テーブルを作成する
sample1(解説なし)
csvファイルを作成する(エクセル等で)
csvファイルデータをバインドして(繰り返し)テーブルを作成する
読み込んだセルデータを加工/新しい列を追加しデータ加工等を行う
テーブルのデータを検索する/分類(並べ替え)する
行データにマウスカーソルを重ねると行全体の背景色が変わる
【5】オプションメニュー(セレクトメニュー)にデータをバインドする
sample5(解説なし)
|
|
|
|このページのtopへ
|マウスオン
|基本
|ウィンドウ
|画像
|表やセル
|フォーム
|特殊なツール
|技ファイル検索
| |
|