投稿者「alphasis」のアーカイブ

script.aculo.us によるスライダーの値の範囲と初期値を指定

script.aculo.us ライブラリの slider.js による横方向のスライダーの値の範囲と初期値を指定する方法。最初は、初期値の場所に、スライダーのハンドルを表示。スライダーのハンドルをドラッグし左右に動かすと、設定した範囲内の現在の値を動的に表示し、最終的には、移動後の位置の値を表示。 続きを読む

カテゴリー: GUI, JavaScript, prototype.js, script.aculo.us, slider | script.aculo.us によるスライダーの値の範囲と初期値を指定 はコメントを受け付けていません

script.aculo.us の slider.js によるスライダーの値を%表示に

script.aculo.us ライブラリの slider.js による横方向のスライダーの値を%表示にする方法。スライダーのハンドルをドラッグし左右に動かすと、現在の値を割合(%)で動的に表示し、最終的には、移動後の位置の値を割合(%)で表示する。 続きを読む

カテゴリー: GUI, JavaScript, prototype.js, script.aculo.us, slider | script.aculo.us の slider.js によるスライダーの値を%表示に はコメントを受け付けていません

script.aculo.us の slider.js による縦スライダーの基本

script.aculo.us ライブラリの slider.js による縦方向のスライダーの基本的使い方。スライダーのハンドルをドラッグし上下に動かすと、現在の値を動的に表示し、最終的には、移動後の位置の値を表示する。 続きを読む

カテゴリー: GUI, JavaScript, prototype.js, script.aculo.us, slider | script.aculo.us の slider.js による縦スライダーの基本 はコメントを受け付けていません

script.aculo.us の slider.js による横スライダーの基本

script.aculo.us ライブラリの slider.js による横方向のスライダーの基本的使い方。スライダーのハンドルをドラッグし左右に動かすと、現在の値を動的に表示し、最終的には、移動後の位置の値を表示する。スライダーのトラック部分をクリックすると、瞬時に、その位置へハンドルが動く。 続きを読む

カテゴリー: GUI, JavaScript, prototype.js, script.aculo.us, slider | script.aculo.us の slider.js による横スライダーの基本 はコメントを受け付けていません

jQuery で作る多階層ツリーメニュー

多階層のツリーメニューは、jQuery で簡単に作れる。トップ階層のメニュー横の▼をクリックすると、第2階層のサブメニューが現れる。トップ階層のメニュー横の▼を再びクリックすると、第2階層のサブメニューが折りたたまれる。第2階層のサブメニュー横の▼をクリックすると、第3階層のサブメニューが現れる。 続きを読む

カテゴリー: API, JavaScript, jQuery, メニュー, 逆引き | jQuery で作る多階層ツリーメニュー はコメントを受け付けていません

jQuery で作るアコーディオンメニュー

2階層の上下開閉式アコーディオン型メニューは、jQuery で簡単に作れる。さらに、css で飾って、ボックスにしてみた。メニュー欄をクリックすると、クリックしたメニューのサブメニューが現れ、クリックしたメニュー以外のサブメニューが開いていた場合は、そのサブメニューを閉じる。 続きを読む

カテゴリー: API, JavaScript, jQuery, メニュー, 逆引き | jQuery で作るアコーディオンメニュー はコメントを受け付けていません

jQuery で作るシンプルなツリー型メニューボックス

2階層の開閉式ツリー型メニューは、jQuery で簡単に作れる。さらに、css で飾って、ボックスにしてみた。メニュー欄をクリックすると、サブメニューが現れる。メニュー欄を再びクリックすると、サブメニューが折りたたまれる。このページで紹介するのは、2階層のシンプルなもの。 続きを読む

カテゴリー: API, JavaScript, jQuery, メニュー, 逆引き | jQuery で作るシンプルなツリー型メニューボックス はコメントを受け付けていません

WordPress で jQuery を使うには

WordPress で jQuery を使うには、jQuery 用 JavaScript ソースコードの、「$」を、「jQuery」に置き換える必要がある。 続きを読む

カテゴリー: WordPress, チュートリアル | WordPress で jQuery を使うには はコメントを受け付けていません

月別メッセージ

JavaScript 、 CSS 、 HTML で作る、月別メッセージ。月に応じたメッセージを表示させることができる。例えば、12月に、「今年もあとわずかですね」と表示させたり、1月に、「あけましておめでとう」と表示させたりできる。 続きを読む

カテゴリー: JavaScript, 時間, 逆引き | 月別メッセージ はコメントを受け付けていません

曜日別メッセージ

JavaScript 、 CSS 、 HTML で作る、曜日別メッセージ。今日の曜日に応じたメッセージを表示させることができる。例えば、日曜日に、「待ちに待った日曜日♪」と表示させたり、月曜日に、「今週も頑張りましょう!」と表示させたりできる。 続きを読む

カテゴリー: JavaScript, 時間, 逆引き | 曜日別メッセージ はコメントを受け付けていません