2021/05/30-2024/02/29

HTML: tableタグ: JavaScript (2)

いろいろ

TestJS_shogi_piece_drag01.html (2022)
将棋の駒をマウスでドラッグ移動させるサンプル。 table td 内の駒の要素を別の td 内に移動させます。
HTML で将棋盤やチェスボードを表現する
JavaScript: マウスイベント処理

TestJS_table_ruler2021.html
table を定規代わりにして画像に重ねて表示。画像と定規はマウスでドラッグ移動できます。
table を使った定規のサンプル

TestHTML_table_input01.html (2021)
セルのテキストの編集のサンプル。 td に inputタグを置く。こちらは HTML の見た目だけ。

TestHTML_table_scroll_sticky02.html
スクロールのサンプル。ヘッダーの1行目と 1列目を固定する。
CSS sticky を使う。
table のスクロール
TestJS_table_create_input01.html (2021)
JavaScript で table を作るサンプル。
JavaScript で table を作成
TestJS_table_create_input02.html
TSV (タブ区切りのテキスト) データを出し入れ。