JavaScript」カテゴリーアーカイブ

JavaScript(ジャバスクリプト)に関する記事のカテゴリ。JavaScript(ジャバスクリプト)とは、HTML埋め込み型、オブジェクト指向、という特徴を持つ、クライアントサイド・スクリプト言語。HTMLやCSSなどと組み合わせることで、高度なウェブサイトを作れる。

ドラッグ&ドロップで並べ替えた順番を保存・再現

jQuery UI の Sortable プラグインを使ったドラッグ&ドロップによる並べ替えにおいて、並べ替え後の順番をクッキー(cookie)に格納し、次回ページを開いたときに、前回並べ替えた順番で表示させる方法。cookie への格納には、jQuery の Cookie プラグインを使用する。 続きを読む

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Sortable | ドラッグ&ドロップで並べ替えた順番を保存・再現 はコメントを受け付けていません

jQuery UI の Sortable による並べ替えを楽にするオプション

jQuery UI の Sortable プラグインの cursor、 opacity、 placeholder オプションについて。これらのオプションを使うと、さらに、並べ替え作業が楽になる。cursor オプションは、移動中のカーソルを変更することができるオプション。opacity オプションは、移動中の項目を半透明にできるオプション。placeholder オプションは、移動先のスペースをハイライト表示するオプション。 続きを読む

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Sortable | jQuery UI の Sortable による並べ替えを楽にするオプション はコメントを受け付けていません

jQuery UI の Sortable を使いドラッグ&ドロップで並べ替え

jQuery UI の Sortable プラグインを使い、ドラッグ&ドロップで並べ替えを行えるようにする方法。「項目 1」をドラッグして、下へ動かし、「項目 2」の上に持ってくると、「項目 2」が上へ移動し、「項目 2」と「項目 3」の間にスペースができ、そこへドロップすると、順番が入れ替わる。 続きを読む

カテゴリー: GUI, JavaScript, jQuery, jQuery UI, Sortable | jQuery UI の Sortable を使いドラッグ&ドロップで並べ替え はコメントを受け付けていません

jQuery UI の Tabs プラグインの cookie オプション

jQuery UI の Tabs プラグインで作るタブ型メニューの cookie オプションについて。cookie オプションを使うと、最後に開いたタブメニューがどれかをクッキー(cookie)に格納し、ページを再度開いたとき、前回の最後に開いたタブメニューの内容を表示させることができる。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, メニュー | jQuery UI の Tabs プラグインの cookie オプション はコメントを受け付けていません

jQuery UIの Tabs プラグインによるタブメニュー

jQuery UI の Tabs プラグインで、タブ型メニューを簡単に作る方法。この実装例の、jQuery UI の CSS テーマは、デフォルトのテーマを読み込んで使っている。もちろん他の CSS テーマにも対応しているので、色々試してみるといい。 続きを読む

カテゴリー: JavaScript, jQuery, jQuery UI, Tabs, メニュー | jQuery UIの Tabs プラグインによるタブメニュー はコメントを受け付けていません

jQuery の jPlayer プラグインによるオーディオプレイヤー

jQuery の jPlayer プラグインと Blue Monday Skin を使ったオーディオ・プレイヤー。再生ボタンを押すと、再生し、停止ボタンを押すと停止する。スピーカーのアイコンのボタンを押すと、ミュートする。ボリューム調整用のスライダーも搭載。 続きを読む

カテゴリー: JavaScript, jPlayer, jQuery, プラグイン, | jQuery の jPlayer プラグインによるオーディオプレイヤー はコメントを受け付けていません

jQuery の jqDock によるドックメニューの拡大縮小時間を調整

jQuery の jqDock プラグインで作る Mac OS X 風ドックメニューは、duration オプションを設定することにより、メニュー画像を、最初に拡大するときと、最後に縮小するときの時間を、ミリ秒(ms)単位で指定できる。初期設定値は、「300」。 続きを読む

カテゴリー: JavaScript, jqDock, jQuery, プラグイン, メニュー | jQuery の jqDock によるドックメニューの拡大縮小時間を調整 はコメントを受け付けていません

jQuery の jqDock によるドックメニューにラベルを表示

jQuery の jqDock プラグインで作る Mac OS X 風ドックメニューは、labels オプションを設定することにより、メニュー画像上にラベルを表示させることができる。表示されるのは、メニュー画像の img タグ内の title 属性で指定した値。初期設定値は、「Off」で、表示しないようになっている。 続きを読む

カテゴリー: JavaScript, jqDock, jQuery, プラグイン, メニュー | jQuery の jqDock によるドックメニューにラベルを表示 はコメントを受け付けていません

jQuery の jqDock によるドックメニューのサイズを指定

jQuery の jqDock プラグインで作る Mac OS X 風ドックメニューは、size オプションを設定することにより、最初に表示するメニュー画像の大きさを指定できる。初期設定値は、「48」。 続きを読む

カテゴリー: JavaScript, jqDock, jQuery, プラグイン, メニュー | jQuery の jqDock によるドックメニューのサイズを指定 はコメントを受け付けていません

jQuery の jqDock によるドックメニューのカーソル反応距離設定

jQuery の jqDock プラグインで作る Mac OS X 風ドックメニューは、distance オプションを設定することにより、カーソルにメニュー画像が反応する距離を設定できる。この数値を大きくすると、隣のメニュー画像なども反応する。小さくすると、目的のメニュー画像のみが反応する。 続きを読む

カテゴリー: JavaScript, jqDock, jQuery, プラグイン, メニュー | jQuery の jqDock によるドックメニューのカーソル反応距離設定 はコメントを受け付けていません

スポンサード リンク