[B! Javascript][テーブル] rizmhateのブックマーク

rizmhate id:rizmhate

Javascriptとテーブルに関するrizmhateのブックマーク (2)

かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！目次 Div全体をクリックできるようにするテーブルの偶数・奇数の行の色を変えるフォームにテキストを入れておき、フォーカスで消す（文字色も変更）ラジオボタンとチェックボックスを装飾するスライドパネルアコーディオンツールチップ言語によってスタイルを変更横並びのdivの高さ揃えるボックスを上下左右中央に配置するそれでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
rizmhate 2015/03/17
テーブル

jQuery

class

javascript

CSS

Web制作
リンク
テーブルのセルをドラッグで選択する方法【JavaScript】 - Programming Magic
JavaScriptを使えばテーブルのセルをドラッグで選択するようなインターフェースを作ることもできる。 Google カレンダーでは、それをうまく利用し、ユーザに簡単な操作でわかりやすく特定の期間（2日の3時～9時など。）を選択させている。テーブルのセルをドラッグで選択するサンプルテーブルのセルをドラッグで選択するには、ドラッグを開始した位置にあるセルと現在の位置にあるセルを取得し、マウスの動きに合わせてセルの色を変更すればいい。まず、セルの選択をさせるtableのonMouseDownイベントで以下のような関数を呼び、ドラッグを開始したセルを保存する。 var startCell = null; // マウスダウンのイベント処理 function mouseDown(table, e){ if (!e) var e = window.event; startCell = e.sr
rizmhate 2011/06/10
ドラッグ

テーブル

javascript
リンク
1