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');

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

[google/diff-match-patch] jQueryでテキストの差分をハイライト

輸入商品だけど、もともとがヤフオクように考えていたため、カラーバリエーションの項目が無い。すべてタ...

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

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

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

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

powershell Expand-Archiveが認識されない

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

PHP POSTで大量の変数が送れない

朝、電話で起こされ、やはり小さなトラブルが発生。 ヤマトにアップロードする宛名データ(CSV)がダウ...

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

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

PHP+GD jpeg画像に透過pngを結合したり、文字を載せたりする

楽天出店に向けて、ヤフーショッピングのデータ登録をスピードアップしたい。 まだまだ数千点の商品がある...

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

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

コメントを残す

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

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