JS呼出 | クリックして呼出(a/input) | 選択して呼出(select) | マウス操作で呼出 | ページの表示時 | ||
---|---|---|---|---|---|---|
メッセージ表示 | 警告/確認/応答 | 複数行警告 | 文字列を拾って表示 | |||
表示情報の追記 | 追記 | 特定の箇所へ(作成予定) | ||||
タグの特定 | タグの特定 | 複数タグ | タグの文字列の入手 | |||
mouse マウス操作 | 座標の取得 | JS呼出 | ||||
button ボタン操作 | get keycode キーを押して背景色変更 | get keycode2 キーを押して css 切替 | kill_LeftButtton ボタンの無効化 | |||
情報取得と表示 | ブラウザ情報 | ウィンドウ&スクリーン | 表示ページの情報 | 表示ページの最終更新日 | ||
ブラウザへの情報設定 | setTitle | |||||
日付処理 | 日付と時間表示 | 日付の切出し | の自動表示 newSign control * | 更新日付の自動表示 * | ||
input タグ | 色選択機能 | input タグ | ||||
文字属性変更 | ||||||
色の変更 | ページの背景色 | ページ全体の文字色 | 特定の文字の色変更 | |||
分岐 branch | 曜日での分岐 by date | 選択値による分岐 by selected value | ||||
選択 (背景色)select color | 背景色の選択select BG color | 色選択1 (onclick) * | 色選択2 (onChange) * | |||
選択と設定selecti & setting | 文字サイズ(作成予定)font size | 日付選択date | カレンダー(作成予定)calendar | |||
プルダウンメニュー | pull down menu | two pull downs | ||||
演算 | calculation 演算 | 整数値の表現例 |
日本語/英語の切換 |
by_switching_css |
by_changing_style |
|||
---|---|---|---|---|---|
イベントハンドラー | JSで設定 | 動的に切替 | body-tagで設定(1) | body-tagで設定(2) | |
固定表示 IE は動作せず | fix at the bottom 下部に固定 #1, #2 , #3, #4 | fix at the top スクロールで固定 #10, #11 | select position 任意の位置に移動 #21, #22 | ||
テーブル見出し | fix table header 見出しの常時表示 | hide columns 欄の非表示 | line selection 選択行の表示 | ||
お遊び | 虚偽のリンク先の例 | 虚偽のボタン情報 | 無限ループ
|
ウインドウ操作 | a new window ウインドウを開く | open & close 新規ウインドウ | タブを指定して開く | 戻り遷移 |
---|---|---|---|---|
scroll スクロール | ||||
change other window 別ウインドウの書換 | rewrite another frame 別フレームの書換 *security強化のため動作せず | rewrite another window 別ウインドウの書換 *security強化のため動作せず |
ファイルアクセス(PC側) | ファイル情報表示 | |||
---|---|---|---|---|
ファイル読み込み read files | a server textfile サーバ側のファイル | a selected textfile PC側のファイル | an image file 画像 | |
表データをExcelで作成 (サーバ側ファイル) | UTF8の例 | SJISの例 |
image 画像表示 | A new image window 新規ウインドウに表示 | swap images 画像切替 | pix brightness 画像の明るさ * | slide show スライド #1, #2, #3, |
---|---|---|---|---|
create an image 画像生成 | by event-handler イベントハンドラで生成 | with onClick onClickで生成 | ||
brightness, scale 明るさ、大きさ操作 | read by drag&drop ドラッグドロップで読み込み sample1, sample2 | read by drag&drop ドラッグドロップで読み込み #3(fixed-box), #4(window) | ||
image processing |
imageBrotate テスト中 |
multicolumn | multicolumn 複数欄 | table with div divによる表 | one more その2 | ||
---|---|---|---|---|---|
position 位置 | margin/padding 余白とマージン | data block データ領域設定 | overlapping 重なり表示 #1, #2 | ||
text 文字 | text style 文字装飾 | colored text 文字色 | indention 字下げ * | 文字/行の装飾 | |
text 文字 | inline 頭揃え | ||||
numbering 番号づけ * | counter | continuance 連番 | two_layers 1.1, 1.2, 1.3, ... | ||
image 画像 |
brightness 明るさ * | rotate 回転 * | IMG border 画像枠の装飾色 | trimming 切り抜き表示 | |
text overlay 画像に文字入れ | printing album アルバム印刷 | positionimg 配置 #1, #2 | |||
table 表 | cell_border Cell枠 | columb grouping 欄のグループ化 | |||
others その他 | switching CSS CSS切替 | page Change 改ページ | fixedbox | counter |
チュートリアル | リファレンス | ||
---|---|---|---|
html |
|
| |
|
| ||
JavaScript & DOM |
|
| |
CSS |
|
| |
|