TOP >活動商品情報項目の入力欄を折り畳み式にする

技術者情報 活動商品情報項目の入力欄を折り畳み式にする


機能概要


活動登録画面において、商品名のグレー部分をクリックした際に、
商品情報項目の表示/非表示を切り替えることが出来るようになります。
活動登録時に多数の商品が選択されている場合の画面スクロールを減らすことで、
視認性の向上が見込めます。
※本プラグインは、それぞれの環境で内部コードを確認して、JSファイルを書き換える必要はございません。
※スマートフォン版の画面は未対応です。

サンプルファイル構成


 

JSファイルの作成

必要な値の確認をします

$(document).ready(function(){                                 

 var commodityDetail = $('.commodityDetail');


for(i=0;i<commodityDetail.length;i++){
 var ptag = $('.commodityDetail')[i].getElementsByTagName('p');
 var tabletag = $('.commodityDetail')[i].getElementsByTagName('table');

 tabletag[0].style.display ="block";
 ptag[0].setAttribute("onclick","clickBtn(" + i + ")");

 }

 });

 function clickBtn(arg){


  var ptag = $('.commodityDetail')[arg].getElementsByTagName('p');
  var tabletag = $('.commodityDetail')[arg].getElementsByTagName('table');

                        var p1 = tabletag[0];

                        if(p1.style.display=="block"){
                                              // noneで非表示
                                             p1.style.display ="none";
                        }else{
                                             // blockで表示
                                             p1.style.display ="block";
                 }
 }

JSプラグインのアップロード

マニュフェストファイルと作成したJSファイルを圧縮します

  作成したJSファイルとマニフェストファイルを選択いただき、
   「右クリック>送る>圧縮(zip形式)フォルダー」でファイル圧縮します。
   ※マニフェストファイルの名称は「manifest.json」としてください。

   

zipファイルを登録します

  管理者画面から「システムの設定>環境設定>JSプラグイン」と画面遷移いただきます。
   【PC版】プラグイン一覧の新規登録ボタンから
   作成したzipファイルをeセールスマネージャーRemixに登録します。