リスト並び替えのインターフェースを、ドラッグ＆ドロップでやりたいと思ったので、jQuery UI Sortableを使って練習してみる。
ただ、リストが大量にある場合や、初心者には、このオペレーションは難しいような気がする。だから、最終的には、それぞれのリストの↑↓のアイコンを付けて、直前・直後に移動できるようにしたい…が、まだそのやり方はよく分からない。
とりあえず普通にドラッグして入れ替えるサンプル。
簡単にできて面白いね。
Popularity: 7% [?]
あんまり同様のケースはないと思うけど。
| a | b | c | d | e |
| 1 | 2 | 3 | 4 | 5 |
というテーブルがあったとして、
| a | b | c | d | e |
| 1 | 2 | 3 | 4 | 5 |
というふうに、列の前２つだけを選択し、なにかしら処理をしたい場合のjQueryの書き方。
それぞれのセルにclassやIDを付けてやれば簡単なんだけれど、可変のtableで、できるだけ固有の識別子をつけずに、前２つとか、特定のセルを処理したい場合。
[js]
$("tr").each(
function(index,obj){
$(obj).children().slice(0,2).css("background-color","orange");
}
)
[/js]
…もっと短いコードで実現できそうな気もする。解る人教えてください。
それと、コードの表示にiG:Syntax Hiliterを使ってるのだけれど、記事のソースを直接修正したあと、ビジュアルエディタにもどると、行に<br>が追加され、それがコードとして表示されてしまう。なんとかならないだろうか。
Popularity: 4% [?]
ちょっと訳あって、Red Hat Linux 7.3(Valhalla)の環境を構築する必要があったので、アーカイブを探してみたものの、本家では発見できなかった。
リケンのFTPにミラーがあったので、メモとしてリンク。
ftp://ftp.riken.go.jp/pub/Linux/redhat/archive.redhat.com/redhat/linux/7.3/
普通に本家でダウンロードできたらゴメンナサイ。というかリンク先教えて。
Popularity: 3% [?]
いつのバージョンからか分からないが、少なくとも今使っているWordPress 2.8では、テーマ中のwp_head()によって出力されるWordPress付属のjQueryは、 jQuery.noConflict(); されてるので、そのままでは、$(”#hoge”).click(～)といった使い方ができません。
これはどういうコトかというと、ちまたで配布されているほとんどのjQueryプラグインは、$(～)を前提としているので、そのままでは動かないプラグインが沢山ある、ということです。
WordPress付属のjQueryが、ptorotype.jsと併用できるようにとの措置なんだろうけど、正直、最近prototype.js使って無く、jQuery Onlyなので、この措置は逆に面倒です。
jQueryのプラグインのソース側を修正してもいいけど、プラグインによっては、packされたファイルしか提供しておらず、修正が面倒なものも多いです。
というわけで、僕は、テーマ中のwp-head()を削除して、 自作テーマのディレクトリ中にjsディレクトリを作り、そこに最新のjQueryを入れて読み込むようにしています。
[追記] あ、wp-head()を削ってしまうと、テーマのヘッダになにかを追記するようなプラグインが動作しないかも。要確認。
■関連情報 ・wp_enqueue_scriptで外部JavaScriptの読み込みをスマートに at WordPress.ex-libris.jp
Popularity: 8% [?]