2009-01-01から1年間の記事一覧
sortableのオプション2つ目axis 用途:移動できる方向を指定できる。 デフォルト:false 値:x, y $('.selector').sortable({ axis: 'x' }); ドラッグ後、移動できる方向がx軸方向に限定される。 (つまり、横移動のみになる。) 縦方向(y指定)はあまり想…
sortableのオプション1つ目appendTo 用途:ソート対象をドラッグ後、移動できる範囲の指定。 デフォルト:parent $('.selector').sortable({ appendTo: 'body' }); この指定の場合、移動可能部位がbody限定となる。利用頻度:★★☆☆☆
sortableで利用できる属性 属性 意味 ui.helper ソート対象要素。 ui.position ソート対象の位置。 ui.item ソート対象要素のオブジェクト。 ui.placeholder 並び替えの土台となる場。 ui.sender 土台連結時に他の土台から移った際に、移動元の土台を示す。 …
jQuery + sortable で簡単にドラッグ&ドロップによる並び替えが可能になります。 これを一から手製で作ろうとすると想像すると冷や汗ものです。。■本家サイト http://jqueryui.com/demos/sortable/上記サイトからダウンロードして設置するだけで利用可能にな…
前回に引き続き、jQueryのプラグイン、ColorPickerについて。 今回はポップアップでサブウィンドを表示し、そこから表示元の親ウィンドのcolorを操作します。■親ウィンド(index.html)■ <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery - Color …</head></html>
よくサイトで色を選択可能なツールチップをみます。 そんなものを手軽におけるプラグインです。本家サイト:ColorPicker - jQuery pluginサンプルコード <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery - Color Picker </title> </head></html>
例えば、javascriptを使ってstyleを変更する際、 document.getElementById("id").style.color = "red";みたい書きます。で、z-indexを変更しようとした。 document.getElementById("id").style.z-index = "1";エラー…。このように書くらしいです。 document.…
htmlを描画する際、widthは%を指定できるけど、高さは%で指定できない。。 (IE4 の時代はできたという噂は耳にしましたが…) ということで、要素の高さ,windowの高さが欲しい。jQuery でサイズや位置を取得する方法を図にしてみた - Cyokodog :: Diary ↑図…
様々の利用用途があるjQueryですが、その特徴の一つとして挙げられるのは プラグインが豊富にあることだと思います。 その中の一つ、『tablesorter』を使ってみます。一般的なHTMLのtableタグをソート可能なテーブルにしてくれます。 ↓サンプルソースこんな…
javascriptのライブラリ、jQueryを使ってみます。 まずは、本家サイトからダウンロード。ダウンロードサイト: Download jQuery | jQuery ダウンロードファイル: jquery-1.3.2.min.js↓このリンクからどうぞ。 とりあえず、最新のもの(圧縮版)をダウンロー…
更新が遅れました。 コツコツやらないとね。。ということで、前回の続きで、 『Google News から情報を取得し、RSSで表示する。』 Rome-0.9を使用し、実装します。サンプルコード↓ import java.net.URL; import java.util.List; import com.sun.syndication.…
仕事で、 『JavaでGoogleNewsの検索結果を取得し、RSSみたいな形で取得する。』 的なことが必要になりました。 GoogleのAPIを使えば出来そうだけど、、、。使わずにやらなければなりません。 そもそも、 『GoogleNews』の検索結果だけを受け取るのは…?Bing…
何か書いていこうかと思います。 千里の道も一歩から。。。