バージョン選択

フォーラム

メニュー

オンライン状況

54 人のユーザが現在オンラインです。 (43 人のユーザが フォーラム を参照しています。)
登録ユーザ: 1
ゲスト: 53
sin99 もっと...

サイト内検索

 > 管理機能 > コンボボックスで選択が大変な時、リストボックスにする

管理機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
tomitomi
投稿日時: 2007/2/2 20:20
対応状況: −−−
半人前
登録日: 2006/9/22
居住地: 広島
投稿: 15
コンボボックスで選択が大変な時、リストボックスにする
例えば、商品カテゴリが10件を超えてくると、
EC−CUBE既存の商品登録画面では
商品カテゴリの選択がコンボボックスになっているので
「カテゴリを選択する」という行為が少しずつ大変になっていきます。

弊社ではクライアントの要望に対応して、
下記のようにコンボボックスとリストボックスに外観を切り替えられるように改造しました。



./data/Smarty/templates/admin/products/product.tpl


<script type="text/javascript">

//カテゴリー選択支援
function categorySien(i){
 var obj = document.form1;
 switch(i){
  case 1:
   obj.category_id.size=1;
   obj.categorySienButton.style.display='';
   //カテゴリー選択後、すぐに商品名を入力できるよう商品名にフォーカスセット
   obj.comment3.focus();
   break;

  case 2:
   obj.categorySienButton.style.display='none';
   obj.category_id.size=48;
   break;
  }
}

</script>



カテゴリーのコンボボックスが書かれている場所を
下記のように変更▼


<tr>
  <td bgcolor="#f2f1ec" width="160" class="fs12n">商品カテゴリ<span class="red"> *</span></td>
   <td bgcolor="#ffffff" width="557">
    <span class="red12"><!--{$arrErr.category_id}--></span>
    <button onclick="categorySien(2)" style="font-size:20px;cursor:hand;" name="categorySienButton">選択支援</button>
    <select name="category_id" style="<!--{if $arrErr.category_id != ""}-->background-color: <!--{$smarty.const.ERR_COLOR}--><!--{/if}-->" onchange="categorySien(1)">
     <option value="">選択してください</option>
     <!--{html_options values=$arrCatVal output=$arrCatOut selected=$arrForm.category_id}-->
    </select>
  </td>
</tr>




上記のコードの場合:
「選択支援」ボタンを押すと、
カテゴリがリストボックスに変化し、
リストボックス上でクリックをすると
クリックされた項目が選択されたことになると同時に
商品名へフォーカスが遷移するようになります。
(この時、外観もコンボボックスに戻ります)


商品詳細説明が既存の行数では少ない!
という要望にもこのコードの応用で対応しました。
(ボタンを押すと商品詳細説明の入力欄の行数が増える)

※IE6でのみ使用中。Fxではうまくいかないかも・・・


----------------
----------------------------------
(株)システムフレンド 富永 義臣
http://www.systemfriend.co.jp

----------------------------------

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は89,288名です
総投稿数は110,076件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1652
8
red
1570
9
mcontact
1302
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.