This domain may be for sale!
上手く行と列が選択できているのですが、問題はマウスを動かしたとき。 同じ行内を移動すると、なんと選択していたところの文字が変化してしまう。 同じ行内にいるときは、変化しないで欲しいのに… と、それだけじゃなくて、一度変化するとそのままの色が引き継がれてしまう。 なんとか解決する方法はないのだろうか・・・ 同じ列にclassをつけてみる これも、先日書いたエントリーに 「jQueryを使い要素の出てくる順に番号をつける方法(forの代わりにeach()を使う繰り返し)」 で書いたように、同じ列にclassをつけることが可能である。 ということでclassをつけてそのclassに適応してみた $("#test2 tr").each(function () { $(this).children().not('th').each(function (i) { i = i+1; $(this).ad
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
画面遷移を行わずに、その場でDOM要素を編集できる機能を「inplace editor」とか言うらしいです。 プラグインを使う方が簡単なのですが、作りたいものに合わせてカスタマイズするのが思うようにいかなかったので、自分で書いてみました。 <table id="edit-table"> <tr> <th>要素1</th> <th>要素2</th> <th>要素3</th> </tr> <tr> <td>1</td><td>hoge</td><td>hoge</td> </tr> <tr> <td>2</td><td>hello</td><td>world</td> </tr> <tr> <td>3</td><td></td><td></td> </tr> </table>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く