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

JQUERY
======

1. 母視窗表單 ```
  <pre class="brush:as3;">
  
            
            <div class='col-md-3'>
              <div class='form-group'>
                <label for='vendor' class='control-label'>廠商編號</label>
                <div class="input-group mb-2">
                  <input type="text" class="form-control" id="vendor" name='vendor' value="<{$row.vendor}>" readonly>
                  <div class="input-group-prepend">
                    <div class="input-group-text">
                      <a href="javascript:void(0)" class="vendorWin" >
                        ...
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
  ```
  
   ```
  <pre class="brush:as3;">
  
            
            <div class='col-md-3'>
              <div class='form-group'>
                <label for='vendor_title' class='control-label'>廠商名稱</label>
                <div class="input-group mb-2">
                  <input type="text" class="form-control" id="vendor_title" name='vendor_title' value="<{$row.vendor_title}>" readonly>
                  <div class="input-group-prepend">
                    <div class="input-group-text">
                      <a href="javascript:void(0)" class="vendorWin" >
                        ...
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
  ```
2. 母視窗按鈕 ```
  <pre class="brush:as3;">
  
        //廠商視窗
        $(".vendorWin").click(function(){
          vendorWin('purchase.php?op=vendorWin',300,300);
        });
  ```
3. 母視窗函數 ```
  <pre class="brush:as3;">
      
      //子視窗函數
      function vendorWin(imgName,imgH,imgW)
      {
        screenWidth = screen.width;//取得螢幕寬度
        rightPosition = screenWidth - imgW - 20; // 計算視窗右上位置
        mywin=window.open("","","left="+ rightPosition +",top=100,width=" + imgW + ",height=" + imgH + ",location=no");
        mywin.location.href = imgName + "&sn=" + document.getElementById('vendor').value;
      }
  ```
4. 從子視窗設定母視窗的元素<span style="color:#FF0000;">(後來沒用)</span> ```
  <pre class="brush:as3;">
  
              var vendor = document.getElementById('vendor');
              window.opener.document.getElementById('vendor').value = vendor.value;
              window.opener.document.getElementById('vendor_title').value = vendor.options[vendor.selectedIndex].text;
              //window.opener.getAjaxVendor(sn);
  ```
5. 子視窗函數 ```
  <pre class="brush:as3;">
  
          <script>
            function senddata()
            {
              var vendor = document.getElementById('vendor');
              var sn = vendor.value;
              var old_sn = window.opener.document.getElementById('vendor').value;
              if(window.opener.document && sn != old_sn){
                window.opener.getAjaxVendor(sn);//run 母視窗的方法
              }
              window.close();//結束子視窗
            }
          </script>
  ```
6. 子視submit ```
  <pre class="brush:as3;">
  
            <select name='vendor' id='vendor' class='form-control' size='5'>
              $option
            </select>
  
            <input type='button' value='送出' onClick='senddata()' />
  ```
7. 參考 modules/umg\_stk/purchase.php -> vendorWin($sn)、getAjaxVendor($sn)

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown