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

GUI に関する JavaScript のカテゴリ。javascript で書かれた様々なライブラリを使うと、高度な GUI を、簡単に実現できる。

script.aculo.us のスライダーを使った評価フォーム

script.aculo.us ライブラリの slider.js による画像スライダーを使った評価フォーム。input 要素の type 属性に hidden を指定した、非表示データ用フィールドの値に、スライダーの値を、JavaScript で動的に入力することで、スライダーの値を送信できるようになる。 続きを読む

カテゴリー: GUI, JavaScript, prototype.js, script.aculo.us, slider, フォーム | script.aculo.us のスライダーを使った評価フォーム はコメントを受け付けていません

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 のスライダーの範囲値、初期値、移動値を指定

script.aculo.us ライブラリの slider.js による横方向のスライダーにおいて、値の範囲、初期値、ハンドル移動時の値を指定する方法。スライダーのハンドルをドラッグし左右に動かすと、設定した範囲内で、なおかつ、あらかじめ設定しておいた移動時の値を、動的に表示する。 続きを読む

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

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 による横スライダーの基本 はコメントを受け付けていません
11 / 11« 先頭...7891011

スポンサード リンク