名前 |
SELECTLINK01 |
|
---|---|---|
パーツバージョン |
1.0.0 |
|
GCバージョン |
1.3.0 |
|
パーツアイコン |
||
要旨 |
複数のリンクを1つのセレクトボックスに変換して出力します。ソート順やフィルタ設定など、択一的なリンクセットをコンパクトに表示することができます。 |
|
入出力仕様 |
見出しとリンク(a要素)を含む要素を選択します。onclick属性を含むa要素も選択できます。オプションパラメータ「区切り文字」で指定された文字は、見出しやリンク間の区切り文字として解釈されます。 変換後は、見出しと1つのセレクトボックスが出力されます。セレクトボックスの項目を選択すると、href属性の遷移先もしくはonclick属性のスクリプトが実行されます。 また、data-gc-label="current"属性を含む要素、もしくはオプションパラメータ「現在のページ要素のclass」で指定された要素がセレクトボックスの初期選択項目となります。 |
|
オプション |
初期選択項目要素のclass(任意) |
セレクトボックスで初期選択状態に設定する項目を示すclass属性を指定します。 |
セパレータ(任意) |
リンク項目を区切るセパレータ文字を指定します。 |
|
追加するクラス(任意) |
パーツのdiv要素に追加する独自クラスを指定します。スペース区切りで複数のクラスを指定することもできます。 |
|
ビューの種類 |
1行テキスト |
出力HTMLの外枠にdiv要素が配置されます。見出しとセレクトボックスの対はdt/dd要素で構成されます。 |
ビュー編集 |
なし |
|
プリプロセス |
なし |
|
関連CSSセレクタ |
.gcpSelectLink01(クラスセレクタ) |
|
対応jQueryバージョン |
なし |
|
使用jQueryプラグイン |
なし |