育將電腦工作室 - 線上書籍

JQUERY
======

1. 按鈕  
   templates/ugm\_stk\_purchase.tpl ```
  <pre class="brush:as3;">
  
            
            <div class='col-sm-3'>
              <div class='form-group'>
                <label for='vendor' class='control-label'>廠商編號</label>
                <div class="input-group">
                  <input type="text" class="form-control" id="vendor" name='vendor' value="<{$row.vendor}>" readonly>
                  <div class="input-group-prepend">
                    <a href="javascript:void(0)" class="vendorWin" >
                      <div class="input-group-text">...</div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
  ```
2. 調用插件 ```
  <pre class="brush:as3;">
  
        //廠商視窗
        $(".vendorWin").click(function(){
          var sn = $('#vendor').val();//取得廠商流水號
          var url = 'purchase.php?op=vendorWin&sn='+sn;
          var wH = 350;
          var wW = 600;
          var position = $(this).offset();  
          var wL = position.left - wW - 300;  
          var wT = position.top; //
          childWin(url,wH,wW,wL,wT);
        });
  ```
3. 子視窗函數 ```
  <pre class="brush:as3;">
  
        //子視窗函數
        function childWin(url,wH,wW,wL,wT)
        {
          mywin=window.open("","","height=" + wH + ",width=" + wW + ",left="+ wL + ",top=" + wT );
          mywin.location.href = url ;
        }
  ```
4. 程式流程 ```
  <pre class="brush:as3;">
  
    #----- 廠商視窗
    case "vendorWin":
      echo vendorWin($sn);
      exit;
  ```
5. 程式函數
6. 傳回商品sn，由母視窗AJAX
7. 程式  
   流程  
   函數
8.

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown