セレクトリンク

名前

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プラグイン

なし