フォーム デザイナの使用 › フォームの作成 › テキスト エリアを表示および非表示

テキスト エリアを表示および非表示

選択されたサーバ タイプ（スターター、ミッドレンジ、またはハイエンド）の説明のみが表示されるよう、フォームに JavaScript 機能を追加します。 ユーザが新しいサーバ タイプを選択する場合、以前の説明は新規の選択に対する説明に置き換えられます。 この拡張により、複数の静的な説明をスクロールする必要がなくなり、ユーザの時間を節約することができます。 このようにスクロールを減らせることは、モバイル ユーザにとって特に有用です。

次の手順に従ってください：

1. ［プレビュー ペイン］で［New Hire Onboarding for Lab Services Only］ フォームを選択します。
2. フォームの一番上の［スクリプト］アイコンをクリックし、以下の手順を実行します。
   1. 既存のサンプル コードを削除します。
   2. JavaScript for New Hire Onboarding for Lab Services というセクションから［スクリプト］ダイアログ ボックスに JavaScript コードをコピーし貼り付けます。
   3. スクリプトを保存し、ダイアログ ボックスを閉じます。
3. フォームを展開して［サーバ モデルの選択］ラジオ ボタン用のフィールドを表示します。
4. ［スターター］、［ミッドレンジ］および［ハイエンド］フィールドの onClick 属性に次の JavaScript 関数呼び出しを入力します。 各フィールドの属性の更新後、Enter を押し、［保存］をクリックします。

   ca_fd.js.onFormLoad();
   

   この呼び出しは、それ以前にフォームの［スクリプト］ダイアログ ボックスにコピーした JavaScript コードをロードします。

JavaScript for New Hire Onboarding for Lab Services

{
  onFormLoad : function() {
    ca_fd.js.clickStarter();
    ca_fd.js.clickMidSize();
    ca_fd.js.clickHighEnd();
  },

// ShowFields/HideFields は、［スターター］ラジオ ボタンの変更時、スターター サーバ用の説明フィールドを表示または非表示にします。
// ResetFields は、スターターとは別のタイプが選択およびクリックされると、MidSize と HighEnd をリセットします。
// この機能はスターターのラジオ ボタンの onChange に対して呼び出されます。  
  clickStarter : function() {
	if (ca_fdIsSelectRadio('new_hire_onboard_labservices','class','starter')) {
ca_fdShowField('new_hire_onboard_labservices','starter_description'); }

    else {
ca_fdHideField('new_hire_onboard_labservices','starter_description');

        ca_fdResetFields('new_hire_onboard_labservices',['starter_description']); }
  },

// ShowFields/HideFields は、MidSize ラジオ ボタンが変更されると、ミッド レンジ サーバの説明フィールドを表示または非表示にします。
// ResetFields は、ミッド レンジとは別のタイプが選択およびクリックされると、［ミッドレンジ］サーバの説明フィールドをリセットします。
// この機能はミッド レンジのラジオ ボタンの onChange に対して呼び出されます。
  clickMidSize : function() {
	if (ca_fdIsSelectRadio('new_hire_onboard_labservices','class','midsize')) {
	        ca_fdShowField('new_hire_onboard_labservices','midsize_description'); }

    else {
ca_fdHideField('new_hire_onboard_labservices','midsize_description');

        ca_fdResetFields('new_hire_onboard_labservices',['midsize_description']); }
  },

// ShowFields/HideFields は、HighEnd ラジオ ボタンが変更されると、ハイ エンド サーバの説明フィールドを表示または非表示にします。
// ResetFields  は、HighEnd とは別のタイプが選択およびクリックされると、［ハイ エンド］サーバの説明フィールドをリセットします。 
// この機能は HighEnd のラジオ ボタンの onChange に対して呼び出されます。  
  clickHighEnd : function() {
	if (ca_fdIsSelectRadio('new_hire_onboard_labservices','class','highend')) {
        ca_fdShowField('new_hire_onboard_labservices','highend_description'); }

    else {
ca_fdHideField('new_hire_onboard_labservices','highend_description');

        ca_fdResetFields('new_hire_onboard_labservices',['highend_description']); }

  },
}