Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!

DualList Box

By: azhararmar on Jul 23rd, 2012  |  syntax: HTML  |  size: 2.56 KB  |  views: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
This paste has a previous version, view the difference. Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <form action="" method="post" class="form" id="purchaseEditUpdateItemForm">
  2. <div class="widget">
  3.     <div class="title">
  4.         <img src="/images/icons/dark/full2.png" alt="" class="titleIcon" />
  5.         <a href="#" class="button blueB" id="purchaseEditUpdateItemBtn" style="margin: 4px;">
  6.             <span>Update</span>
  7.         </a>
  8.     </div>
  9.     <div class="body">
  10.         <div class="leftPart">
  11.             <div class="filter">
  12.                 <span>Filter:</span>
  13.                 <input type="text" id="box1Filter" class="boxFilter" />
  14.                 <input type="button" id="box1Clear" class="fBtn" value="x" />
  15.                 <div class="clear"></div>
  16.             </div>
  17.             <select id="box1View" multiple="multiple" class="multiple" style="height:200px;">
  18.                 <?php foreach($data['distinct_items'] as $item): ?>
  19.                     <option value="<?php echo $item['id']; ?>"><?php echo $item['Item']['serial']; ?></option>
  20.                 <?php endforeach; ?>
  21.             </select>
  22.             <br/>
  23.             <span id="box1Counter" class="countLabel"></span>
  24.             <div class="dn">
  25.                 <select id="box1Storage" name="box1Storage"></select>
  26.             </div>
  27.         </div>
  28.         <div class="dualControl">
  29.             <button id="to2" type="button" class="basic mr5 mb15">&nbsp;&gt;&nbsp;</button>
  30.             <button id="allTo2" type="button" class="basic">&nbsp;&gt;&gt;&nbsp;</button>
  31.             <br />
  32.             <button id="to1" type="button" class="basic mr5">&nbsp;&lt;&nbsp;</button>
  33.             <button id="allTo1" type="button" class="basic">&nbsp;&lt;&lt;&nbsp;</button>
  34.         </div>
  35.         <div class="rightPart">
  36.             <div class="filter">
  37.                 <span>Filter:</span>
  38.                 <input type="text" id="box2Filter" class="boxFilter" />
  39.                 <input type="button" id="box2Clear" class="fBtn" value="x" />
  40.                 <div class="clear"></div>
  41.             </div>
  42.             <select id="box2View" multiple="multiple" class="multiple" style="height:200px;">
  43.                 <?php foreach($data['purchase']['PurchaseItem'] as $item): ?>
  44.                     <option value="<?php echo $item['id']; ?>"><?php echo $item['Item']['serial']; ?></option>
  45.                 <?php endforeach; ?>
  46.             </select>
  47.             <br/>
  48.             <span id="box2Counter" class="countLabel"></span>
  49.             <div class="dn">
  50.                 <select id="box2Storage"></select>
  51.             </div>
  52.         </div>
  53.         <div class="clear"></div>
  54.     </div>
  55. </div>
  56. </form>