2009-01-01から1年間の記事一覧

jQuery-UI sortable オプション2「axis」

sortableのオプション2つ目axis 用途:移動できる方向を指定できる。 デフォルト:false 値:x, y $('.selector').sortable({ axis: 'x' }); ドラッグ後、移動できる方向がx軸方向に限定される。 (つまり、横移動のみになる。) 縦方向(y指定)はあまり想…

jQuery-UI sortable appendTo

sortableのオプション1つ目appendTo 用途:ソート対象をドラッグ後、移動できる範囲の指定。 デフォルト:parent $('.selector').sortable({ appendTo: 'body' }); この指定の場合、移動可能部位がbody限定となる。利用頻度:★★☆☆☆

jQuery-UI sortable 基本属性

sortableで利用できる属性 属性 意味 ui.helper ソート対象要素。 ui.position ソート対象の位置。 ui.item ソート対象要素のオブジェクト。 ui.placeholder 並び替えの土台となる場。 ui.sender 土台連結時に他の土台から移った際に、移動元の土台を示す。 …

jQueryプラグイン sortable

jQuery + sortable で簡単にドラッグ&ドロップによる並び替えが可能になります。 これを一から手製で作ろうとすると想像すると冷や汗ものです。。■本家サイト http://jqueryui.com/demos/sortable/上記サイトからダウンロードして設置するだけで利用可能にな…

jQuery ColorPicker サブウィンドから親ウィンドを操作

前回に引き続き、jQueryのプラグイン、ColorPickerについて。 今回はポップアップでサブウィンドを表示し、そこから表示元の親ウィンドのcolorを操作します。■親ウィンド(index.html)■ <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery - Color …</head></html>

jQueryプラグイン その2:jquery-colorpicker

よくサイトで色を選択可能なツールチップをみます。 そんなものを手軽におけるプラグインです。本家サイト:ColorPicker - jQuery pluginサンプルコード <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery - Color Picker </title> </head></html>

javascriptでz-indexを変更する

例えば、javascriptを使ってstyleを変更する際、 document.getElementById("id").style.color = "red";みたい書きます。で、z-indexを変更しようとした。 document.getElementById("id").style.z-index = "1";エラー…。このように書くらしいです。 document.…

jQuery-高さ取得

htmlを描画する際、widthは%を指定できるけど、高さは%で指定できない。。 (IE4 の時代はできたという噂は耳にしましたが…) ということで、要素の高さ,windowの高さが欲しい。jQuery でサイズや位置を取得する方法を図にしてみた - Cyokodog :: Diary ↑図…

jQueryプラグイン:その1

様々の利用用途があるjQueryですが、その特徴の一つとして挙げられるのは プラグインが豊富にあることだと思います。 その中の一つ、『tablesorter』を使ってみます。一般的なHTMLのtableタグをソート可能なテーブルにしてくれます。 ↓サンプルソースこんな…

jQueryダウンロード

javascriptのライブラリ、jQueryを使ってみます。 まずは、本家サイトからダウンロード。ダウンロードサイト: Download jQuery | jQuery ダウンロードファイル: jquery-1.3.2.min.js↓このリンクからどうぞ。 とりあえず、最新のもの(圧縮版)をダウンロー…

javaでRSS情報を取得

更新が遅れました。 コツコツやらないとね。。ということで、前回の続きで、 『Google News から情報を取得し、RSSで表示する。』 Rome-0.9を使用し、実装します。サンプルコード↓ import java.net.URL; import java.util.List; import com.sun.syndication.…

GoogleNews情報取得

仕事で、 『JavaでGoogleNewsの検索結果を取得し、RSSみたいな形で取得する。』 的なことが必要になりました。 GoogleのAPIを使えば出来そうだけど、、、。使わずにやらなければなりません。 そもそも、 『GoogleNews』の検索結果だけを受け取るのは…?Bing…

明日から

何か書いていこうかと思います。 千里の道も一歩から。。。