パッケージ共通/カスタマイズしよう！/項目を追加しよう！/候補選択形式(内)
をテンプレートにして作成
開始行:
*候補選択形式(内) [#k1e9482e]
''候補選択形式''とは、二つ以上の候補から選択して登録する...
-ラジオボタン
-チェックボックス
-セレクトボックス
''候補選択形式(内)''は、その中でも''少ない候補''を持って...
これは「期間」のような項目の事です。
#ref(パッケージ共通/カスタマイズしよう！/plus_select01.gi...
今回は例として、求職者の登録情報に''希望期間''という項目...
候補選択形式の項目の追加は以下のような手順で行います。
#contents
**デザインテンプレートを開く [#hd75e9d7]
まず、項目を追加したいページのテンプレートを開きます。~
今回は、求職者の登録項目を追加しますので、下記のテンプレ...
jobsystem/template/pc/nUser/Regist_2.html
上記のテンプレートは、''未ログイン時に以下のURLから表示さ...
設置先のURL/regist.php?type=nUser
**デザイン上に項目を追加する [#ffd0ce7d]
まず、デザイン上に項目を追加しましょう。
***チェックボックス [#f8d4ff33]
#ref(パッケージ共通/カスタマイズしよう！/plus_select02.gi...
通常のソースコードの例(ラベル付きチェックボックス)
<label><input type="checkbox" name="span" value="long" /...
ラベル付きのチェックボックスのHTMLソースは大きく分けて2通...
当システムでは、labelタグ内にフォームパーツを出力します。
当システムでは、上記のようなフォームパーツを出力する為に...
<!--# form checkbox span long/short <br\ /> long/short/e...
このコマンドコメントは以下のような意味を持つ物です。
+フォームパーツを出力しなさい
+チェックボックス形式で出力しなさい
+フィールド名はspanにしなさい
+longとshortが''選択された状態''で出力しなさい
+inputタグの直後に''改行コード(br)''を付けなさい
+送信時は''long/short/etc''のデータを渡しなさい
+候補は''長期/短期(およそ6ヶ月以内)/その他''で表示しなさい
<!--# form checkbox span long/short/etc 長期/短期(およ...
''選択された状態''を無しにし、''inputタグの直後''に何も付...
フィールド名と送信データの間に''半角スペースを三つ''挿入...
***ラジオボタン [#he275fe6]
#ref(パッケージ共通/カスタマイズしよう！/plus_select03.gi...
チェックボックスで書いたコマンドコメントを、少し修正する...
以下は、チェックボックスを出力する時に使ったコマンドコメ...
<!--# form checkbox span long/short <br\ /> long/short/e...
このコマンドコメントを以下のように修正して下さい。
<!--# form radio span long <br\ /> long/short/etc 長期/...
-''checkbox''を''radio''に変更した
-''long/short''を''long''だけに変更した
「チェックボックスを出力しなさい」というコードを、「ラジ...
そして、ラジオボタンは候補から一つを選ぶ物ですから、最初...
***セレクトボックス [#zfbeac47]
#ref(パッケージ共通/カスタマイズしよう！/plus_select04.gi...
セレクトボックスを出力するコマンドコメントは少し違います。~
以下のコマンドコメントの例を見てください。
<!--# form option span long long/short/etc 長期/短期(お...
このコマンドコメントは以下のような意味を持つものです。
+フォームパーツを出力しなさい
+セレクトボックス形式で出力しなさい
+フィールド名はspanにしなさい
+longが''選択された状態''で出力しなさい
+送信時は''long/short/etc''のデータを渡しなさい
+候補は''長期/短期(およそ6ヶ月以内)/その他''で表示しなさい
これを下の画像のように、選択を促すような形式に変更してみ...
#ref(パッケージ共通/カスタマイズしよう！/plus_select05.gi...
<!--# form option span /long/short/etc 選択して下さい/...
この修正で任意の選択が可能になり、選択しない事も可能にな...
又、選択されていない状態がある事で、選択の必須チェックも...
#ref(パッケージ共通/カスタマイズしよう！/plus_select06.gi...
それでは、選択されたデータを実際にデータベースに登録でき...
#br
**データを格納するフィールドを設定する [#j7a782bd]
まずはフィールドの設定を行います。
以下のファイルを開いてください。
jobsystem/lst/nuser.csv
#ref(パッケージ共通/カスタマイズしよう！/plus_select07.gi...
以下は、このファイルのA列からG列までのデータの説明です。
|A列|B列|C列|D列|E列|F列|G列|h
|フィールド名|データ型|文字列の長さ|登録時必須チェック|編...
今回は、登録フォームの2ステップ目で必須チェック、編集時に...
#ref(パッケージ共通/カスタマイズしよう！/plus_select08.gi...
A列にフィールド名「''span''」を、~
B列にはデータ型「''string''」を、~
C列は文字列の制限ですので空白のまま、~
D列に登録時に必須チェックを行う事を意味する「''Null''」を...
E列に編集時に必須チェックを行う事を意味する「''Null''」を...
F列の正規表現による入力内容チェックは行わないので空白のま...
G列の登録ステップは「''2''」を、それぞれ入力して下さい。
&color(red){※今回の例では、必ず一番最後の行に追加して下さ...
これを保存し、FTPで以下の場所に上書きアップロードします。
設置先のURL/lst/nuser.csv
アップロードが終わったら、''tool.php''にアクセスしパスワ...
初期パスワードは''readme.txt''を確認してください。
#ref(パッケージ共通/カスタマイズしよう！/plus_select09.gi...
このまま''nUser''のインポートをクリックすると、データが初...
今回は現時点のデータを維持したまま、フィールドをセットし...
+''nUser''の''エクスポート''をクリックし、SQLデータベース...
+その後、''nUser''の''インポート''をクリックし、もう一度S...
&color(red){※項目を最後に追加する形を取っていない場合は、...
&color(red){※既存データの位置に変更が入らない場合のみ、上...
&color(red){※この手順を行った場合は、作業後にFTPからtdb以...
&color(red){※既に運営中のサイトで作業を行う場合は、細心の...
**必須入力エラーを設定する [#vac97150]
必須入力エラーの設定は、[[テキストエリア形式>パッケージ共...
#br
**データを表示する [#ve3aa36c]
これまでの手順で、データを登録する事が出来るようになりま...
それでは、登録したデータを表示させる為に、登録したデータ...
まず、登録内容の確認ページでデータを表示させる必要があり...
登録内容の確認ページのテンプレートは以下のファイルです
jobsystem/template/pc/nUser/RegistCheck.html ※求職者の...
登録データを表示する為のコマンドコメントは以下のようなも...
spanというフィールドに格納されているデータを表示する
<!--# value span #-->
このコマンドコメントでデータを表示した場合、下の画像のよ...
#ref(パッケージ共通/カスタマイズしよう！/plus_select10.gi...
このコマンドコメントの出力結果は正しいものですが、実際に...
#ref(パッケージ共通/カスタマイズしよう！/plus_select11.gi...
|~データベースに格納されている文字列|long|short|etc|
|~実際に表示したい文字列|長期|短期(およそ6ヶ月以内)|その他|
上の表のように、''格納されているデータ''と''実際に表示し...
<!--# valueReplace span long/short/etc 長期/短期(およそ6...
-''span''のデータが''long''ならば''長期''と表示する
データベースに格納されているデータが1種類、longならlongだ...
しかし、チェックボックスで実装し二つ以上の候補が選択され...
#ref(パッケージ共通/カスタマイズしよう！/plus_select12.gi...
このようなケースの場合、''long/short''という配列で格納さ...
そこで、格納されているデータが配列になる場合は以下のコマ...
<!--# arrayReplace span <br\ /> long/short/etc 長期/短期...
これで、二つ以上の候補が選択された時の表示も上手く行きま...
#ref(パッケージ共通/カスタマイズしよう！/plus_select13.gi...
登録確認ページのほかにも最低限、下記のファイルを修正しデ...
※そのデータを表示する必要があるページの修正を行って下さい。
候補選択形式(内)を持った項目の追加と、データの表示は上手...
#br
#br
[[カスタマイズしよう！の表紙にもどる>パッケージ共通/カス...
終了行:
*候補選択形式(内) [#k1e9482e]
''候補選択形式''とは、二つ以上の候補から選択して登録する...
-ラジオボタン
-チェックボックス
-セレクトボックス
''候補選択形式(内)''は、その中でも''少ない候補''を持って...
これは「期間」のような項目の事です。
#ref(パッケージ共通/カスタマイズしよう！/plus_select01.gi...
今回は例として、求職者の登録情報に''希望期間''という項目...
候補選択形式の項目の追加は以下のような手順で行います。
#contents
**デザインテンプレートを開く [#hd75e9d7]
まず、項目を追加したいページのテンプレートを開きます。~
今回は、求職者の登録項目を追加しますので、下記のテンプレ...
jobsystem/template/pc/nUser/Regist_2.html
上記のテンプレートは、''未ログイン時に以下のURLから表示さ...
設置先のURL/regist.php?type=nUser
**デザイン上に項目を追加する [#ffd0ce7d]
まず、デザイン上に項目を追加しましょう。
***チェックボックス [#f8d4ff33]
#ref(パッケージ共通/カスタマイズしよう！/plus_select02.gi...
通常のソースコードの例(ラベル付きチェックボックス)
<label><input type="checkbox" name="span" value="long" /...
ラベル付きのチェックボックスのHTMLソースは大きく分けて2通...
当システムでは、labelタグ内にフォームパーツを出力します。
当システムでは、上記のようなフォームパーツを出力する為に...
<!--# form checkbox span long/short <br\ /> long/short/e...
このコマンドコメントは以下のような意味を持つ物です。
+フォームパーツを出力しなさい
+チェックボックス形式で出力しなさい
+フィールド名はspanにしなさい
+longとshortが''選択された状態''で出力しなさい
+inputタグの直後に''改行コード(br)''を付けなさい
+送信時は''long/short/etc''のデータを渡しなさい
+候補は''長期/短期(およそ6ヶ月以内)/その他''で表示しなさい
<!--# form checkbox span long/short/etc 長期/短期(およ...
''選択された状態''を無しにし、''inputタグの直後''に何も付...
フィールド名と送信データの間に''半角スペースを三つ''挿入...
***ラジオボタン [#he275fe6]
#ref(パッケージ共通/カスタマイズしよう！/plus_select03.gi...
チェックボックスで書いたコマンドコメントを、少し修正する...
以下は、チェックボックスを出力する時に使ったコマンドコメ...
<!--# form checkbox span long/short <br\ /> long/short/e...
このコマンドコメントを以下のように修正して下さい。
<!--# form radio span long <br\ /> long/short/etc 長期/...
-''checkbox''を''radio''に変更した
-''long/short''を''long''だけに変更した
「チェックボックスを出力しなさい」というコードを、「ラジ...
そして、ラジオボタンは候補から一つを選ぶ物ですから、最初...
***セレクトボックス [#zfbeac47]
#ref(パッケージ共通/カスタマイズしよう！/plus_select04.gi...
セレクトボックスを出力するコマンドコメントは少し違います。~
以下のコマンドコメントの例を見てください。
<!--# form option span long long/short/etc 長期/短期(お...
このコマンドコメントは以下のような意味を持つものです。
+フォームパーツを出力しなさい
+セレクトボックス形式で出力しなさい
+フィールド名はspanにしなさい
+longが''選択された状態''で出力しなさい
+送信時は''long/short/etc''のデータを渡しなさい
+候補は''長期/短期(およそ6ヶ月以内)/その他''で表示しなさい
これを下の画像のように、選択を促すような形式に変更してみ...
#ref(パッケージ共通/カスタマイズしよう！/plus_select05.gi...
<!--# form option span /long/short/etc 選択して下さい/...
この修正で任意の選択が可能になり、選択しない事も可能にな...
又、選択されていない状態がある事で、選択の必須チェックも...
#ref(パッケージ共通/カスタマイズしよう！/plus_select06.gi...
それでは、選択されたデータを実際にデータベースに登録でき...
#br
**データを格納するフィールドを設定する [#j7a782bd]
まずはフィールドの設定を行います。
以下のファイルを開いてください。
jobsystem/lst/nuser.csv
#ref(パッケージ共通/カスタマイズしよう！/plus_select07.gi...
以下は、このファイルのA列からG列までのデータの説明です。
|A列|B列|C列|D列|E列|F列|G列|h
|フィールド名|データ型|文字列の長さ|登録時必須チェック|編...
今回は、登録フォームの2ステップ目で必須チェック、編集時に...
#ref(パッケージ共通/カスタマイズしよう！/plus_select08.gi...
A列にフィールド名「''span''」を、~
B列にはデータ型「''string''」を、~
C列は文字列の制限ですので空白のまま、~
D列に登録時に必須チェックを行う事を意味する「''Null''」を...
E列に編集時に必須チェックを行う事を意味する「''Null''」を...
F列の正規表現による入力内容チェックは行わないので空白のま...
G列の登録ステップは「''2''」を、それぞれ入力して下さい。
&color(red){※今回の例では、必ず一番最後の行に追加して下さ...
これを保存し、FTPで以下の場所に上書きアップロードします。
設置先のURL/lst/nuser.csv
アップロードが終わったら、''tool.php''にアクセスしパスワ...
初期パスワードは''readme.txt''を確認してください。
#ref(パッケージ共通/カスタマイズしよう！/plus_select09.gi...
このまま''nUser''のインポートをクリックすると、データが初...
今回は現時点のデータを維持したまま、フィールドをセットし...
+''nUser''の''エクスポート''をクリックし、SQLデータベース...
+その後、''nUser''の''インポート''をクリックし、もう一度S...
&color(red){※項目を最後に追加する形を取っていない場合は、...
&color(red){※既存データの位置に変更が入らない場合のみ、上...
&color(red){※この手順を行った場合は、作業後にFTPからtdb以...
&color(red){※既に運営中のサイトで作業を行う場合は、細心の...
**必須入力エラーを設定する [#vac97150]
必須入力エラーの設定は、[[テキストエリア形式>パッケージ共...
#br
**データを表示する [#ve3aa36c]
これまでの手順で、データを登録する事が出来るようになりま...
それでは、登録したデータを表示させる為に、登録したデータ...
まず、登録内容の確認ページでデータを表示させる必要があり...
登録内容の確認ページのテンプレートは以下のファイルです
jobsystem/template/pc/nUser/RegistCheck.html ※求職者の...
登録データを表示する為のコマンドコメントは以下のようなも...
spanというフィールドに格納されているデータを表示する
<!--# value span #-->
このコマンドコメントでデータを表示した場合、下の画像のよ...
#ref(パッケージ共通/カスタマイズしよう！/plus_select10.gi...
このコマンドコメントの出力結果は正しいものですが、実際に...
#ref(パッケージ共通/カスタマイズしよう！/plus_select11.gi...
|~データベースに格納されている文字列|long|short|etc|
|~実際に表示したい文字列|長期|短期(およそ6ヶ月以内)|その他|
上の表のように、''格納されているデータ''と''実際に表示し...
<!--# valueReplace span long/short/etc 長期/短期(およそ6...
-''span''のデータが''long''ならば''長期''と表示する
データベースに格納されているデータが1種類、longならlongだ...
しかし、チェックボックスで実装し二つ以上の候補が選択され...
#ref(パッケージ共通/カスタマイズしよう！/plus_select12.gi...
このようなケースの場合、''long/short''という配列で格納さ...
そこで、格納されているデータが配列になる場合は以下のコマ...
<!--# arrayReplace span <br\ /> long/short/etc 長期/短期...
これで、二つ以上の候補が選択された時の表示も上手く行きま...
#ref(パッケージ共通/カスタマイズしよう！/plus_select13.gi...
登録確認ページのほかにも最低限、下記のファイルを修正しデ...
※そのデータを表示する必要があるページの修正を行って下さい。
候補選択形式(内)を持った項目の追加と、データの表示は上手...
#br
#br
[[カスタマイズしよう！の表紙にもどる>パッケージ共通/カス...
ページ名:
