見出し

見出し大

人気ランキング

使用方法

関数定義

関数名 h1
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-ui、gc-h1」を追加したjQueryオブジェクト

見出し中

人気ランキング

使用方法

関数定義

関数名 h2
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-ui、gc-h2」を追加したjQueryオブジェクト

見出し小

人気ランキング

使用方法

関数定義

関数名 h3
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-ui、gc-h3」を追加したjQueryオブジェクト

見出し太字

人気ランキング

使用方法

関数定義

関数名 h4
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-ui、gc-h4」を追加したjQueryオブジェクト

ステップ

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
変換後イメージ(テキスト変更時)
  1. 入力
  2. 確認
  3. 完了

使用方法

関数定義

関数名 getStep
引数 第1引数:ステップ数の母数
第2引数:現在のステップ数
第3引数:ステップ内のテキスト[省略可] デフォルトは数字
戻り値 jQueryオブジェクト

テキストボックス

Eメール

使用方法

関数定義

関数名 email
引数 jQueryオブジェクト
戻り値 共通CSS用のclass属性を追加したjQureyオブジェクト

アカウント

使用方法

関数定義

関数名 account
引数 jQueryオブジェクト
戻り値 共通CSS用のclass属性を追加したjQureyオブジェクト

パスワード

使用方法

関数定義

関数名 passwd
引数 jQueryオブジェクト
戻り値 共通CSS用のclass属性を追加したjQureyオブジェクト

検索ボックス

使用方法

関数定義

関数名 search
引数 jQueryオブジェクト
戻り値 共通CSS用のclass属性を追加したjQureyオブジェクト

ボタン

デフォルトボタン

通常

使用方法

関数定義

関数名 btn1
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn1」を追加したjQueryオブジェクト

ボタン コンバージョン青

コンバージョン

使用方法

関数定義

関数名 btn2
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn2」を追加したjQueryオブジェクト

ボタン コンバージョン赤

コンバージョン

使用方法

関数定義

関数名 btn3
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn3」を追加したjQueryオブジェクト

ボタン コンバージョンオレンジ

コンバージョン

使用方法

関数定義

関数名 btn4
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn4」を追加したjQueryオブジェクト

ボタン コンバージョン緑

コンバージョン

使用方法

関数定義

関数名 btn5
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn5」を追加したjQueryオブジェクト

ボタン コンバージョングレー

コンバージョン

使用方法

関数定義

関数名 btn6
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn6」を追加したjQueryオブジェクト

ボタン 前へ

前へ

使用方法

関数定義

関数名 btn7
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn7」を追加したjQueryオブジェクト

ボタン 次へ

次へ

使用方法

関数定義

関数名 btn8
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn8」を追加したjQueryオブジェクト

ボタン 閉じる

閉じる

使用方法

関数定義

関数名 btn9
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn9」を追加したjQueryオブジェクト

ボタン 印刷する

印刷する

使用方法

関数定義

関数名 btn10
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn10」を追加したjQueryオブジェクト

ボタン ホームに戻る

ホームに戻る

使用方法

関数定義

関数名 btn11
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn11」を追加したjQueryオブジェクト

ボタン お気に入り

お気に入り

使用方法

関数定義

関数名 btn12
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn12」を追加したjQueryオブジェクト

ボタン もっと見る

もっと見る

使用方法

関数定義

関数名 btn13
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn13」を追加したjQueryオブジェクト

ボタン PDF資料

PDF資料

使用方法

関数定義

関数名 btn3
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn3」を追加したjQueryオブジェクト

ボタン 別窓で開く

別窓で開く

使用方法

関数定義

関数名 btn15
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-btn gc-btn15」を追加したjQueryオブジェクト

ラジオボタン

ラジオ形式 1列表示

使用方法

関数定義

関数名 radioIcon1
引数 第1引数:ラジオボタンのjQueryオブジェクト
第2引数:ラベルテキスト文字列[省略可] デフォルトは変換元サイトのラベル文字列と連動
戻り値 class属性「gc-ui gc-radio gc-radioIcon1」を追加したjQueryオブジェクト

ラジオ形式 2列表示

使用方法

関数定義

関数名 radioIcon2
引数 第1引数:一つ目のラジオボタンのjQueryオブジェクト
第2引数:二つ目のラジオボタンのjQueryオブジェクト
第3引数:一つ目のラベルテキスト文字列[省略可] デフォルトは変換元サイトのラベル文字列と連動
第4引数:二つ目のラベルテキスト文字列[省略可] デフォルトは変換元サイトのラベル文字列と連動
戻り値 class属性「gc-ui gc-radio gc-radioIcon2」を追加したjQueryオブジェクト

ボタン形式 1列表示

使用方法

関数定義

関数名 radioBtn1
引数 jQueryオブジェクト
戻り値 第1引数:ラジオボタンのjQueryオブジェクト
第2引数:ラベルテキスト文字列[省略可] デフォルトは変換元サイトのラベル文字列と連動

ボタン形式 2列表示

使用方法

関数定義

関数名 radioBtn2
引数 jQueryオブジェクト
戻り値 第1引数:一つ目のラジオボタンのjQueryオブジェクト
第2引数:二つ目のラジオボタンのjQueryオブジェクト
第3引数:一つ目のラベルテキスト文字列[省略可] デフォルトは変換元サイトのラベル文字列と連動
第4引数:二つ目のラベルテキスト文字列[省略可] デフォルトは変換元サイトのラベル文字列と連動

チェックボックス

チェックボックス形式

使用方法

関数定義

関数名 chk
引数 jQueryオブジェクト
戻り値 inpoutのclass属性を追加したjQueryオブジェクト

ボタン形式

使用方法

関数定義

関数名 chkBtn
引数 第1引数:ラジオボタンのjQueryオブジェクト
第2引数:ラベルテキスト文字列[省略可] デフォルトは変換元サイトのラベル文字列と連動
戻り値 class属性「gc-ui gc-chkbtn」を追加したjQueryオブジェクト

トグル

使用方法

関数定義

関数名 chkToggle
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-toggle」を追加したjQueryオブジェクト

テキストエリア

使用方法

GCUIのCSSを読み込むことでデフォルトでCSSが適用されます。

リンク

アテンションマーク

使用方法

関数定義

関数名 mark1
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-mk gc-mk1」を追加したjQueryオブジェクト

はてなマーク

使用方法

関数定義

関数名 mark2
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-mk gc-mk2」を追加したjQueryオブジェクト

矢印マーク

使用方法

関数定義

関数名 mark3
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-mk gc-mk3」を追加したjQueryオブジェクト

インフォメーションマーク

使用方法

関数定義

関数名 mark4
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-mk gc-mk4」を追加したjQueryオブジェクト

別タブで開くマーク

使用方法

関数定義

関数名 mark5
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-mk gc-mk5」を追加したjQueryオブジェクト

PCサイトを開くマーク

使用方法

関数定義

関数名 mark6
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-mk gc-mk6」を追加したjQueryオブジェクト

ページトップマーク

使用方法

関数定義

関数名 mark7
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-mk gc-mk7」を追加したjQueryオブジェクト

セクション

セクション(通常)

セクション(通常)
背景色無し

使用方法

関数定義

関数名 section1
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-sec gc-sec1」を追加したjQueryオブジェクト

セクション(補足系)

セクション(補足系)
背景色 #ebebeb

使用方法

関数定義

関数名 section2
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-sec gc-sec2」を追加したjQueryオブジェクト

セクション(エラー系)

セクション(エラー系)
背景色 #ec4b46

使用方法

関数定義

関数名 section3
引数 jQueryオブジェクト
戻り値 class属性「gc-ui gc-sec gc-sec3」を追加したjQueryオブジェクト

見出しつきセクション(通常)

PCとスマホをワンソースで運用
既存PCサイトのコンテンツは連動しながら、サイトの見た目だけをスマートフォン最適化するのがサイト変換。ワンソースでの運用を実現できます。

使用方法

関数定義

関数名 getPanel1
引数 第1引数:見出し部分のjQueryオブジェクト
第2引数:内容部分のjQueryオブジェクト
戻り値 class属性「gc-ui gc-sec-area」を追加したjQueryオブジェクト

見出しつきセクション(エラー)

複数サイトのスマホ対応
1つの変換システムで複数サイトのスマホ対応を実現できるのがジーンコードの特長。レスポンシブWebプラットフォームの導入を検討しませんか。

使用方法

関数定義

関数名 getPanel2
引数 第1引数:見出し部分のjQueryオブジェクト
第2引数:内容部分のjQueryオブジェクト
戻り値 class属性「gc-ui gc-sec-area gc-errore」を追加したjQueryオブジェクト

郵便番号

-

使用方法

関数定義

関数名 gc-zip
引数 第1引数:郵便番号前半部分のjQueryオブジェクト
第2引数:郵便番号後半部分のjQueryオブジェクト
戻り値 テキストボックスを横並びにした郵便番号入力フォームのjQueryオブジェクト。class属性「gc-ui gc-zip」を追加。input要素のtype属性はtelに変更。

電話番号

使用方法

関数定義

関数名 getTel
引数 第1引数:市外局番部分のjQueryオブジェクト
第2引数:市内局番のjQueryオブジェクト
第3引数:番号部分のjQueryオブジェクト
戻り値 テキストボックスを横並びにした電話番号入力フォームのjQueryオブジェクト。class属性「gc-ui gc-tel」を追加。input要素のtype属性はtelに変更。

生年月日

生年月日(テキストボックス)

使用方法

関数定義

関数名 getDate
引数 第1引数:西暦部分のjQueryオブジェクト
第2引数:月部分のjQueryオブジェクト
第3引数:日部分のjQueryオブジェクト
戻り値 テキストボックスを横並びにした生年月日入力フォームのjQueryオブジェクト。class属性「gc-ui gc-date」を追加。input要素のtype属性はtelに変更。

生年月日(セレクトボックス)

使用方法

関数定義

関数名 getDate
引数 第1引数:西暦部分のjQueryオブジェクト
第2引数:月部分のjQueryオブジェクト
第3引数:日部分のjQueryオブジェクト
戻り値 セレクトボックスを横並びにした生年月日入力フォームのjQueryオブジェクト。class属性「gc-ui gc-date」を追加。

姓名

姓名(漢字)

使用方法

関数定義

関数名 getNameKJ
引数 第1引数:姓部分のjQueryオブジェクト
第2引数:名部分のjQueryオブジェクト
戻り値 テキストボックスを横並びにした姓名(漢字)入力フォームのjQueryオブジェクト。class属性「gc-ui gc-ui gc-name gc-nameKJ」を追加。

姓名(カナ)

使用方法

関数定義

関数名 getNameKN
引数 第1引数:姓部分のjQueryオブジェクト
第2引数:名部分のjQueryオブジェクト
戻り値 テキストボックスを横並びにした姓名(カナ)入力フォームのjQueryオブジェクト。class属性「gc-ui gc-ui gc-name gc-nameKN」を追加。