css+jQueryでお手軽に行をハイライト

自分用メモ。
なんか表がひたすら並んでる中で、どこまでやったか分からなくなることからミスがでていることがあったので、簡単にミスを減らせる。
イメージで言うと、評価リストを順番に片付けるのに、どこまで処理したのかとか。

まずcssにhilightのクラスを設定。背景は各種使っているので、枠をつける。

.hilight {
	border: medium solid rgb(255, 0, 255);
}

jQuery側で、行のどこかをクリックすると、ハイライトさせる。

// 行ハイライト
$('td').mousedown(function(){
	// すべて通常に戻す
	$("tr").removeClass("hilight");
	$(this).closest("tr").toggleClass("hilight");
});

さらに、画面切り替えがある場合は、アンカーを設定することでその行を再度ハイライトする。

// アンカーもハイライト
var anchor = $(location).attr('hash');
$(anchor).addClass('hilight');

以上。。
この数行でかなりの快適さ。
むしろ、すべてのページで有効にしてしまってもいいかもレベル。

WordPressで中国語サイトを作る方法

セブはまあ暮らしやすい方だと思いますが、それはここ3年くらいで先輩日本人たちがいろんなことを切り開い...

Couldn’t agree a client-to-server cipherなるエラー

SSHを使う機会が出てきたのですが、久々にputtyを立ち上げてみたら 「Couldn't agre...

powershell Expand-Archiveが認識されない

以下、自分用メモ メルカリに関してだけど、オークタウンっぽいCSV+画像のZIPデータから自動出品処...

英語版WindowsでのCSV日本語文字化け対策

システムでCSVをダウンロードなんていうものを多用しています。 ただ、使っているOSが英語版なので、...

自分向け簡易モーダルウィンドウ

自分用なのでかなり簡易的に実装 特に中国などは回線状況が悪いので、Ajaxなんかで読み込み中を出さな...

AMAZON ver0.1 FBAラベルを無駄にしないやつ

AMAZONもverつけていこうと思う。 セラーセントラルだとFBAラベルは常に1番目から作られてし...

深センから大連へ

前回朝が辛かった時と同じ便。 前回と違って雨が降っていないのでタクシーもあっさりつかまりスムーズ。 ...

中国のアプリとかあれこれ使っていこうと思う

子どもの小学校を深センで通わせることを決めたので(学校自体は決まってないけど)、中国生活が良くなるよ...

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)