- CSS 切換え ---- 作成予定
| 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 | 色選択１ (onclick) * | 色選択２ (onChange) * | |||
| 選択と設定selecti & setting | 文字サイズ(作成予定)font size | 日付選択date | カレンダー(作成予定)calendar | |||
| プルダウンメニュー | pull down menu | two pull downs | ||||
| 演算 | calculation 演算 | 整数値の表現例 | ||||
- 未分類 (update: 2016/3/14)
日本語/英語の切換 CSS 切換えによる
by_switching_cssstyle 書換えによる
by_changing_styleイベントハンドラー
JSで設定 動的に切替 body-tagで設定(1) body-tagで設定(2) 固定表示
IE は動作せずfix at the bottom
下部に固定 #1, #2 , #3, #4fix at the top
スクロールで固定 #10, #11select position
任意の位置に移動 #21, #22テーブル見出し
fix table header
見出しの常時表示hide columns
欄の非表示line selection
選択行の表示お遊び
虚偽のリンク先の例 虚偽のボタン情報 無限ループ
- ウインドウ操作 (update: 2016/2/10)
ウインドウ操作
a new window
ウインドウを開くopen & close
新規ウインドウタブを指定して開く
戻り遷移 scroll
スクロールchange other window
別ウインドウの書換rewrite another frame
別フレームの書換
*security強化のため動作せずrewrite another window
別ウインドウの書換
*security強化のため動作せず - ファイルAPI (update: 2016/3/7)
ファイルアクセス(PC側) ファイル情報表示 ファイル読み込み
read filesa server textfile
サーバ側のファイルa selected textfile
PC側のファイルan image file
画像表データをExcelで作成
(サーバ側ファイル)UTF8の例 SJISの例 - 画像表示 (update: 2016/2/19)
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, sample2read by drag&drop
ドラッグドロップで読み込み
#3(fixed-box), #4(window)image processing
imageBrotate
テスト中 - 検討中のもの
基本編
| multicolumn | multicolumn 複数欄 | table with div divによる表 | one more その２ | ||
|---|---|---|---|---|---|
| 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 |
応用編
- Refernces (update: 2025-5-2)
チュートリアル リファレンス html - HTML（ABC順） by bitter.jp
- Elementインターフェイス by MDN
- HTML4 および HTML5 by bitter.jp
- HTML5 by bitter.jp
- HTML5タグ（ABC順） by bitter.jp
JavaScript & DOM - JavaScript by bitter.jp
- HTML DOM by bitter.jp
- JavaScript note by Kogure Hitoshi
- file API links
- JavaScript 及び HTML DOM by bitter.jp
- JavaScript プログラミング講座 by hakuhin
- document object by MDN
CSS
- HTML（ABC順） by bitter.jp
- Access retricted: KEK local