使用jQuery Mobile Popup Widget設計對話盒

by vivid 8. 四月 2015 01:30

.NET Magazine國際中文電子雜誌
者:許薰尹
稿:張智凱
文章編號:N150415901
出刊日期:2015/4/8
開發工具:Visual Studio 2013 Ultimate Update 4
版本:.NET Framework 4.5.xjQuery Mobile 1.4.5

jQuery Mobile是個很流行的JavaScript套件,應用在開發適用於行動裝置與平板瀏覽的網頁。jQuery Mobile提供許多Widget,可以協助我們設計在網頁上的使用者介面。在這篇文章中,我將簡介Popup Widget的功能。

 

基本功能

Popup Widget可以在網頁上彈跳出一個視窗,可以用來設計對話盒。基本款的設計方式很簡單,只要在一個容器類型的標籤中,如<div>標籤,加上「data-role="popup"」,將開啟它的超連結或按鈕設定「data-rel="popup"」就可以了,參考以下範例程式碼:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link href="Content/jquery.mobile-1.4.5.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.3.js"></script>
  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
</head>
<body>
 
  <div data-role="page" id="Page1">
    <div data-role="header" data-position="fixed" data-theme="b">
      <h1>jQuery Mobile</h1>
 
    </div> <!-- /header -->
    <div role="main" class="ui-content">
      <a href="#mydialog" data-rel="popup"
         class="ui-btn ui-icon-star ui-btn-icon-left ui-corner-all">
        開啟Popup
      </a>
      <div data-role="popup" id="mydialog" class="ui-content">       
          我是Popup!!
      </div>
    </div> <!-- /content -->
    <div data-role="footer" data-position="fixed" data-theme="b">
      <h4> ©Copyright 2015 UCOM </h4>
    </div> <!-- /footer -->
  </div>
 
</body>
</html>

當網頁執行時,只要按下網頁畫面中的按鈕(即<a>標籤),請參考下圖所示:

clip_image002

圖 1

Popup就會彈跳出來,請參考下圖所示:

clip_image004

圖 2

Popup設定了「ui-content」樣式,表示其中的文字內容和外框之間會自動有15px 的內距(padding)。在這個範例中特別要注意的是,定義Popup時,它的標籤必需出現在jQuery Mobile Page之中(即有設定data-role="page"的標籤之中),通常位於設定了「role="main"」的<div>標籤之中(其實置放於header與footer也可以,只要在page之中就行了,但這種作法較不常見),否則便會失效,例如以下程式碼就無法正確呈現出Popup Widget:

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link href="Content/jquery.mobile-1.4.5.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.3.js"></script>
  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
</head>
<body>
 
  <div data-role="page" id="Page1">
    <div data-role="header" data-position="fixed" data-theme="b">
      <h1>jQuery Mobile</h1>
 
    </div> <!-- /header -->
    <div role="main" class="ui-content">
      <a href="#mydialog" data-rel="popup"
         class="ui-btn ui-icon-star ui-btn-icon-left ui-corner-all">
        開啟Popup
      </a>
   
    </div> <!-- /content -->
    <div data-role="footer" data-position="fixed" data-theme="b">
      <h4> ©Copyright 2015 UCOM </h4>
    </div> <!-- /footer -->
  </div>
  <div data-role="popup" id="mydialog" class="ui-content">
    我是Popup!!
  </div>
</body>
</html>


設定Popup位置

預設Popup會出現在你點選的項目的正中央,你可以設定data-position-to來決定它要出現的位置。data-position-to可以設定為:

  • Window:視窗正中央。
  • Origin:開啟Popup項目的正中央。
  • 選取器選取到的項目。

參考以下程式碼範例,在開啟Popup的<a>標籤設定data-position-to="window",讓Popup出現在視窗的正中央:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link href="Content/jquery.mobile-1.4.5.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.3.js"></script>
  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
  <script>
 
  </script>
</head>
<body>
  <div data-role="page" id="Page1">
    <div data-role="header">
      <h1>Page Title</h1>
    </div>
 
    <div role="main" class="ui-content">
 
      <a href="#mydialog"
         data-rel="popup"
         class="ui-btn ui-icon-star ui-btn-icon-left ui-corner-all"
         data-position-to="window">開啟Popup</a>
       <div id="div1">
        Laoreet ac, aliquam sit amet justo nunc tempor, metus vel placerat suscipit, orci nisl iaculis eros, a tincidunt nisi odio eget lorem nulla condimentum tempor mattis ut vitae feugiat augue cras ut metus a risus iaculis scelerisque eu ac ante fusce non varius purus aenean nec magna felis fusce vestibulum.
      </div>
 
      <div id="mydialog" data-role="popup" class="ui-content">
        我是Popup!!
        <a href="#" data-rel="back"
           class="ui-btn ui-icon-back ui-btn-icon-left ui-corner-all">
          關閉
        </a>
      </div>
    </div>
 
    <div data-role="footer">
      <h4>Page Footer</h4>
    </div>
  </div>
</body>
</html>

 

則範例執行時,Popup將出現在視窗的正中央,請參考下圖所示。

clip_image006

圖 3

若修改data-position-to為「origin」,則範例執行時,Popup將出現在原始項目(在這個範例是指按鈕,即<a>標籤)的正中央,請參考下圖所示:

clip_image008

圖 4

若修改data-position-to為「#div1」,則範例執行時,Popup將出現在<div>標籤中央,請參考下圖所示:

clip_image010

圖 5

預設Popup出現時,只要按下鍵盤的ESC鍵,若者點選Popup背景網頁,就會自動關閉Popup。範例中的Popup內含一個<a>標籤,設定了data-rel="back" Attribute,這個按鈕就會成為關閉Popup的按鈕,供使用者以點選或觸碰方式來關閉Popup。

使用程式設定位置

若使用<button>或Input(type=button)標籤來設計UI介面,且想要開啟Popup時,您可以叫用Popup Widget的popup()方法,來顯示Popup。例如以下範例程式碼:

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link href="Content/jquery.mobile-1.4.5.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.3.js"></script>
  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
  <script>
  $(function() {
    $("#button1").click(function() {
      $("#mydialog").popup("open", { "positionTo": "window" });
    });
  });
  </script>
 
</head>
<body>
 
  <div data-role="page" id="Page1">
    <div data-role="header" data-position="fixed" data-theme="b">
      <h1>jQuery Mobile</h1>
 
    </div> <!-- /header -->
    <div role="main" class="ui-content">
      <button id="button1">開啟Popup</button>
      <div data-role="popup" id="mydialog" class="ui-content">
        我是Popup!!
      </div>
    </div> <!-- /content -->
    <div data-role="footer" data-position="fixed" data-theme="b">
      <h4> ©Copyright 2015 UCOM </h4>
    </div> <!-- /footer -->
  </div>
 
</body>
</html>

此範例執行結果,請參考下圖所示:

clip_image012

圖 6

此外,若想要控制Popup出現的位置,你可以在叫用open方法時,設定x、y軸,例如以下範例程式碼,設定其出現在滑鼠點選的位置:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link href="Content/jquery.mobile-1.4.5.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.3.js"></script>
  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
  <script>
    $(function() {
      $("#div1").click(function(event) {
        $("#mydialog").popup("open", { x: event.pageX, y: event.pageY });
        event.preventDefault();
 
      });
    });
  </script>
</head>
<body>
  <div data-role="page" id="Page1">
    <div data-role="header" data-position="fixed" data-theme="b">
      <h1>jQuery Mobile</h1>
 
    </div> <!-- /header -->
    <div role="main" class="ui-content">
      <div id="div1">
        Ut arcu enim, dictum quis ultrices id, sagittis eget nulla sed nunc mi, congue ut ultricies ac, varius a eros donec porttitor, libero ….略      </div>
      <div id="mydialog" data-role="popup" class="ui-content" data-dismissible="false">
        我是Popup!!
        <a href="#" data-rel="back"
           class="ui-btn ui-icon-back ui-btn-icon-left ui-corner-all">
          關閉
        </a>
      </div>
    </div>
 
    <div data-role="footer" data-position="fixed" data-theme="b">
      <h4> ©Copyright 2015 UCOM </h4>
    </div> <!-- /footer -->
  </div>
</body>
</html>

 

Popup 隨著點選的位置出現,請參考下圖所示:

clip_image014

圖 7

clip_image016

圖 8

強制回應對話盒

若要讓Popup變成強制回應對話盒,不能藉由按下鍵盤的ESC鍵或Popup背景網頁來關閉之,你可以在Popup設定data-dismissible="false",例如以下範例程式碼,這樣使用者就只能夠利用你設定的按鈕來關閉Popup:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link href="Content/jquery.mobile-1.4.5.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.3.js"></script>
  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
  <script>
 
  </script>
</head>
<body>
  <div data-role="page" id="Page1">
    <div data-role="header" data-position="fixed" data-theme="b">
      <h1>jQuery Mobile</h1>
 
    </div> <!-- /header -->
 
    <div role="main" class="ui-content">
 
      <a href="#mydialog"
         data-rel="popup"
         class="ui-btn ui-icon-star ui-btn-icon-left ui-corner-all"
         data-position-to="#div1">開啟Popup</a>
 
      <div id="div1">
        Ut arcu enim, dictum quis…..
      </div>
 
      <div id="mydialog" data-role="popup" class="ui-content" data-dismissible="false">
        我是Popup!!
        <a href="#" data-rel="back"
           class="ui-btn ui-icon-back ui-btn-icon-left ui-corner-all">
          關閉
        </a>
      </div>
    </div>
 
    <div data-role="footer" data-position="fixed" data-theme="b">
      <h4> ©Copyright 2015 UCOM </h4>
    </div> <!-- /footer -->
  </div>
</body>
</html>

Popup圖片

在Popup中除了可以放置HTML標籤之外,也可以放置圖片。通常設計網頁相簿時,在網頁中列出圖片的縮圖清單,若點選其中一個縮圖,則可利用Popup來顯示大圖。參考以下範例程式碼:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link href="Content/jquery.mobile-1.4.5.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.3.js"></script>
  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
  <script>
 
  </script>
</head>
<body>
  <div data-role="page" id="Page1">
    <div data-role="header" data-position="fixed" data-theme="b">
      <h1>jQuery Mobile</h1>
    </div> <!-- /header -->
 
    <div role="main" class="ui-content">
 
      <a href="#mydialog"
         data-rel="popup"
         class="ui-btn ui-icon-star ui-btn-icon-left ui-corner-all"
         data-position-to="#div1">開啟Popup</a>
 
      <div id="mydialog" data-role="popup" class="ui-content" data-dismissible="false">
 
        <img src="images/oIMG_5060.jpg" />
        <a href="#" data-rel="back"
           class="ui-btn ui-icon-back ui-btn-icon-left ui-corner-all">
          關閉
        </a>
      </div>
    </div>
 
    <div data-role="footer" data-position="fixed" data-theme="b">
      <h4> ©Copyright 2015 UCOM </h4>
    </div> <!-- /footer -->
  </div>
</body>
</html>

 

此範例執行結果,請參考下圖所示:

clip_image018

圖 9

設定關閉按鈕樣式

下面這個例子則為Popup中的關閉按鈕,進行樣式的設定動作,套用ui-btn-icon-notext樣式隱藏關閉按鈕的文字,只顯示圖示,利用ui-btn-right樣式,讓按鈕出現在Popup右方:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link href="Content/jquery.mobile-1.4.5.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.3.js"></script>
  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
  <script>
 
  </script>
</head>
<body>
  <div data-role="page" id="Page1">
    <div data-role="header" data-position="fixed" data-theme="b">
      <h1>jQuery Mobile</h1>
    </div> <!-- /header -->
 
    <div role="main" class="ui-content">
 
      <a href="#mydialog"
         data-rel="popup"
         class="ui-btn ui-icon-star ui-btn-icon-left ui-corner-all"
         data-position-to="#div1">開啟Popup</a>
 
      <div id="mydialog" data-role="popup" class="ui-content" data-dismissible="false">
 
        <img src="images/oIMG_5060.jpg" />
        <a href="#" data-rel="back"
           class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all ui-btn-right">
          關閉
        </a>
      </div>
    </div>
 
    <div data-role="footer" data-position="fixed" data-theme="b">
      <h4> ©Copyright 2015 UCOM </h4>
    </div> <!-- /footer -->
  </div>
</body>
</html>

 

這個範例的執行結果,請參考下圖所示:

clip_image020

圖 10

加上動畫特效

jQuery Mobile內定許多動畫特效,顯示Popup時,只要設定data-transition就可以利用內建的動畫來增加過場的效果,例如以下範例程式碼,設定為「slideup」,則Popup會由下至上滑入:

<a href="#mydialog"
   data-rel="popup"
   data-transition="slideup"
   class="ui-btn ui-icon-star ui-btn-icon-left ui-corner-all"
   data-position-to="#div1">開啟Popup</a>

加上佈景主題樣式

jQuery Mobile 1.4.5版佈景主題樣式預設有兩種:a與b,以下範例程式碼設定使用a式樣式;data-overlay-theme則是用來設定Popup背景的樣式:

<div id="mydialog"
     data-theme="a" data-overlay-theme="b"
     data-role="popup" class="ui-content" data-dismissible="false">

  <img src="images/oIMG_5060.jpg" />
  <a href="#" data-rel="back"
     class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all ui-btn-right">
    關閉
  </a>
</div>


 

此範例執行結果,請參考下圖所示:

clip_image022

圖 11

使用箭頭

Popup的外觀可以出現箭頭,以更明確的圖示進行提示,只需要 將data-arrow設定為「true」就可以看到效果,參考以下範例程式碼:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link href="Content/jquery.mobile-1.4.5.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.3.js"></script>
  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
</head>
<body>
 
  <div data-role="page" id="Page1">
    <div data-role="header" data-position="fixed" data-theme="b">
      <h1>jQuery Mobile</h1>
 
    </div> <!-- /header -->
    <div role="main" class="ui-content">
      <a href="#mydialog" data-rel="popup"
         class="ui-btn ui-icon-star ui-btn-icon-left ui-corner-all">
        開啟Popup
      </a>
      <div data-role="popup" data-arrow="true" id="mydialog" class="ui-content">
        我是Popup!!
      </div>
    </div> <!-- /content -->
    <div data-role="footer" data-position="fixed" data-theme="b">
      <h4> ©Copyright 2015 UCOM </h4>
    </div> <!-- /footer -->
  </div>
 
</body>
</html>

 

此範例執行結果,請參考下圖所示:

clip_image024

圖 12

動態建立Popup

有時可能有動態建立Popup需求,例如Popup的資訊在執行階段才提供,此時就需要撰寫一些程式碼,在執行階段再動態的產生Popup。

以下範例程式碼在jQuery Mobile的pagecreate事件中動態建立Popup,然後插入Page之中,要特別注意的是,你需要使用$.mobile.activePage來取得目前顯示的Page物件,然後將Popup插入其中。另外,在使用者點選Popup中的關閉按鈕時,可以順帶叫用remove()方法,將Popup從DOM之中移除,如此才不會一直重複地產生Popup。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link href="Content/jquery.mobile-1.4.5.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.3.js"></script>
  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
  <script>
    $(document).on('pagecreate', '#Page1', function(event) {
      var hasPopup = false;
      $("a").click(function() {
        if (!hasPopup) {
          var popup = $('<div data-role="popup" id="mydialog" data-dismissible="false" class="ui-content">我是popup!,</div>');
          var back = $('<a href="#" data-rel="back" class="ui-btn ui-icon-back ui-btn-icon-notext ui-corner-all ui-btn-right">關閉</a>');
          var info = $(this).attr("id");
          popup.append(info).append(back).popup().appendTo($.mobile.activePage);
          hasPopup = true;
          back.click(function() {
            popup.remove();
            hasPopup = false;
          });
        }
      });
    });
  </script>
</head>
<body>
 
  <div data-role="page" id="Page1">
    <div data-role="header" data-position="fixed" data-theme="b">
      <h1>jQuery Mobile</h1>
    </div> <!-- /header -->
    <div role="main" class="ui-content" id="main">
      <ul id="ul1" data-role="listview">
        <li><a href="#" id="flower1">flower1</a></li>
        <li><a href="#" id="flower2">flower2</a></li>
        <li><a href="#" id="flower3">flower3</a></li>
      </ul>
    </div> <!-- /content -->
    <div data-role="footer" data-position="fixed" data-theme="b">
      <h4> ©Copyright 2015 UCOM </h4>
    </div> <!-- /footer -->
  </div>
</body>
</html>

 

此範例的執行結果如下,當點選Listview中的清單項目時,便將項目的資訊顯示在Popup之中。

clip_image026

圖 13

若想要客製化動態建立的Popup之寬高,可以利用beforeposition事件加以處理。

在多個Page共用Popup

若Popup需要在多個Page之中共用,你可以這麼設計,首先需在DOM ready事件之中叫用enhanceWithin().popup();再來要注意的是,因為定義在Page之外,無法繼承佈景主題,因此需要明確定義data-theme。參考範例如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link href="Content/jquery.mobile-1.4.5.css" rel="stylesheet" />
  <script src="Scripts/jquery-2.1.3.js"></script>
  <script src="Scripts/jquery.mobile-1.4.5.js"></script>
 
  <script>
    $(function() {
      $("#mydialog").enhanceWithin().popup();
    });
  </script>
</head>
<body>
 
  <div data-role="popup" id="mydialog" data-theme="a" class="ui-content">
    我是Popup!! 
  </div>
 
  <div data-role="page" id="Page1">
    <div data-role="header" data-position="fixed" data-theme="b">
      <h1>jQuery Mobile</h1>
    </div> <!-- /header -->
    <div role="main" class="ui-content">
      <h1>Page1</h1>
      <a href="#mydialog" data-rel="popup"
         class="ui-btn ui-icon-star ui-btn-icon-left ui-corner-all">
        開啟Popup
      </a>
      <a href="#Page2"
         class="ui-btn ui-icon-star ui-btn-icon-left ui-corner-all">
        Go to Page2
      </a>
    </div> <!-- /content -->
    <div data-role="footer" data-position="fixed" data-theme="b">
      <h4> ©Copyright 2015 UCOM </h4>
    </div> <!-- /footer -->
  </div>
  <div data-role="page" id="Page2">
    <div data-role="header" data-position="fixed" data-theme="b">
      <h1>jQuery Mobile</h1>
    </div> <!-- /header -->
    <div role="main" class="ui-content">
      <h1>Page2</h1>
      <a href="#mydialog" data-rel="popup"
         class="ui-btn ui-icon-star ui-btn-icon-left ui-corner-all">
        開啟Popup
      </a>
      <a href="#Page1"
         class="ui-btn ui-icon-star ui-btn-icon-left ui-corner-all">
        Go to Page1
      </a>
    </div> <!-- /content -->
    <div data-role="footer" data-position="fixed" data-theme="b">
      <h4> ©Copyright 2015 UCOM </h4>
    </div> <!-- /footer -->
  </div>
</body>
</html>

 

此範例執行結果,請參考下圖所示:

clip_image028

圖 14

clip_image030

圖 15

Tags:

.NET Magazine國際中文電子雜誌 | jQuery Mobile | 許薰尹Vivid Hsu

評論 (61) -

cours de theatre
cours de theatre United States
2017/9/30 下午 02:37:34 #

Thanks for the article.Thanks Again. Great.

回覆

tania kamagra
tania kamagra United States
2017/10/9 下午 03:50:49 #

Major thanks for the blog post.Really thank you! Cool.

回覆

Osimi seaview
Osimi seaview United States
2017/10/9 下午 06:07:28 #

Awesome blog article.Thanks Again. Great.

回覆

solarmovie
solarmovie United States
2017/10/10 下午 07:55:58 #

Really enjoyed this blog.Much thanks again. Fantastic.

回覆

pirater un compte facebook
pirater un compte facebook United States
2017/10/11 上午 12:21:31 #

I cannot thank you enough for the post.Much thanks again. Cool.

回覆

Google new cheat hacklinks
Google new cheat hacklinks United States
2017/10/12 下午 08:46:18 #

Im grateful for the post. Much obliged.

回覆

click here to read
click here to read United States
2017/10/14 下午 04:02:16 #

Thanks a lot for the article.Really thank you! Really Great.

回覆

dragon city hack latest version
dragon city hack latest version United States
2017/10/15 下午 03:30:52 #

I loved your article.Really looking forward to read more. Fantastic.

回覆

omega xl
omega xl United States
2017/10/15 下午 08:12:29 #

Im thankful for the post. Really Great.

回覆

basics
basics United States
2017/10/17 下午 02:49:27 #

Very neat blog post. Much obliged.

回覆

sletrokor review
sletrokor review United States
2017/10/17 下午 08:21:07 #

Looking forward to reading more. Great blog post.Thanks Again. Awesome.

回覆

VigRx Plus Reviews
VigRx Plus Reviews United States
2017/10/19 上午 07:25:23 #

Thanks again for the blog article.Thanks Again. Fantastic.

回覆

see it here
see it here United States
2017/10/19 下午 06:20:12 #

Very good post.Really looking forward to read more. Awesome.

回覆

Osimi SeaView
Osimi SeaView United States
2017/10/21 上午 03:35:20 #

Really informative blog article.Really thank you!

回覆

prix carte grise
prix carte grise United States
2017/10/21 上午 07:13:30 #

Thanks again for the post.Really looking forward to read more. Fantastic.

回覆

elake
elake United States
2017/10/21 下午 05:38:15 #

Thank you for your article post. Really Cool.

回覆

Turbotax phone number
Turbotax phone number United States
2017/10/24 下午 12:59:45 #

I really like and appreciate your article.Thanks Again. Really Great.

回覆

vung tau melody
vung tau melody United States
2017/10/28 上午 11:14:05 #

Im obliged for the article.Really thank you! Cool.

回覆

EZ Battery Reconditioning Review
EZ Battery Reconditioning Review United States
2017/10/30 上午 10:09:38 #

Great article post.Really looking forward to read more. Really Cool.

回覆

life leadership
life leadership United States
2017/11/1 上午 10:22:31 #

Im obliged for the blog article.Thanks Again. Cool.

回覆

phenocal
phenocal United States
2017/11/1 下午 05:50:05 #

I loved your blog article.Really looking forward to read more. Want more.

回覆

phentaslim
phentaslim United States
2017/11/3 上午 08:26:41 #

Very good blog post. Really Cool.

回覆

throbbing back pain
throbbing back pain United States
2017/11/15 上午 05:47:57 #

Very good blog. Really Great.

回覆

Im thankful for the post.Really looking forward to read more. Keep writing.

回覆

centos ftp server configuration
centos ftp server configuration United States
2017/11/22 上午 12:54:38 #

Thank you ever so for you blog post.Thanks Again. Want more.

回覆

fashion
fashion United States
2017/11/23 下午 07:47:52 #

wow, awesome article. Awesome.

回覆

It Company In Auckland
It Company In Auckland United States
2017/11/25 下午 04:47:06 #

Enjoyed every bit of your article post.Really looking forward to read more. Want more.

回覆

Chad Boonswang and Jeffrey Goodman
Chad Boonswang and Jeffrey Goodman United States
2017/11/26 下午 03:58:38 #

Major thanks for the blog article.Thanks Again. Keep writing.

回覆

Chad Boonswang SEO
Chad Boonswang SEO United States
2017/11/26 下午 09:57:38 #

Enjoyed every bit of your blog post.Thanks Again. Want more.

回覆

truck wreckers scammer
truck wreckers scammer United States
2017/11/29 下午 02:21:58 #

I really liked your blog article.Thanks Again. Will read on...

回覆

New City thu thiem
New City thu thiem United States
2017/11/29 下午 08:52:58 #

A round of applause for your blog article.Really thank you! Really Great.

回覆

commercial real estate loan
commercial real estate loan United States
2017/11/30 下午 10:48:38 #

I think this is a real great article.Much thanks again. Cool.

回覆

porno
porno United States
2017/12/1 下午 02:29:46 #

A round of applause for your post.Thanks Again. Cool.

回覆

small business loans
small business loans United States
2017/12/3 上午 02:46:08 #

Really informative blog.Much thanks again. Want more.

回覆

moble porn
moble porn United States
2017/12/5 上午 07:34:29 #

Muchos Gracias for your blog.Much thanks again. Much obliged.

回覆

wow, awesome article.Really thank you! Much obliged.

回覆

Im thankful for the post. Awesome.

回覆

lawyer blog
lawyer blog United States
2017/12/10 下午 05:14:45 #

Thanks again for the blog article.Thanks Again. Really Great.

回覆

Rick Pembleton
Rick Pembleton United States
2017/12/14 上午 07:21:42 #

Thank you ever so for you blog.Really looking forward to read more. Really Great.

回覆

Hanukkah
Hanukkah United States
2017/12/14 下午 08:40:17 #

Very good post.Thanks Again. Great.

回覆

canon driver software
canon driver software United States
2017/12/16 下午 03:54:56 #

Thanks for sharing, this is a fantastic blog article.Much thanks again. Really Great.

回覆

green coffee bean
green coffee bean United States
2017/12/16 下午 10:08:09 #

I am so grateful for your article.Thanks Again.

回覆

Very neat blog article.Thanks Again. Much obliged.

回覆

Success
Success United States
2017/12/17 下午 03:37:33 #

Im grateful for the article post.Thanks Again. Fantastic.

回覆

college degree for sale
college degree for sale United States
2017/12/17 下午 10:38:13 #

Very good post.Thanks Again. Much obliged.

回覆

residual income
residual income United States
2017/12/20 下午 04:46:53 #

Thank you for your post.Really looking forward to read more. Keep writing.

回覆

driver canon
driver canon United States
2017/12/23 上午 05:48:37 #

Thank you for your blog.Much thanks again. Fantastic.

回覆

Darwin Horan
Darwin Horan United States
2017/12/23 下午 04:16:51 #

Great article post.Much thanks again. Awesome.

回覆

Major thanks for the post.Really looking forward to read more. Much obliged.

回覆

driver hp
driver hp United States
2017/12/25 下午 05:50:35 #

Im obliged for the post.Really looking forward to read more. Fantastic.

回覆

&#216;&#162;&#219;Œ&#217;†&#217;‡
آینه United States
2017/12/26 上午 05:41:11 #

Im thankful for the article.Really looking forward to read more. Awesome.

回覆

canon drivers
canon drivers United States
2017/12/27 下午 03:55:58 #

Enjoyed every bit of your post.Really looking forward to read more. Want more.

回覆

hp drivers
hp drivers United States
2018/1/2 上午 06:40:46 #

Thanks for sharing, this is a fantastic blog.Really thank you! Much obliged.

回覆

Fantastic article post.Much thanks again. Want more.

回覆

printer driver
printer driver United States
2018/1/3 上午 05:58:12 #

I am so grateful for your article.Much thanks again.

回覆

online casino usa real money
online casino usa real money United States
2018/1/4 下午 04:31:17 #

Fantastic article post. Really Great.

回覆

hp printer driver
hp printer driver United States
2018/1/5 下午 06:02:23 #

Thanks-a-mundo for the blog post. Want more.

回覆

FBA
FBA United States
2018/1/6 上午 10:08:32 #

Really informative post.Thanks Again. Keep writing.

回覆

VkHEKuCY3
VkHEKuCY3 United States
2020/9/17 上午 06:42:36 #

601884 121845I  appreciate your work , thanks  for all the  informative   blog posts. 79764

回覆

新增評論




  Country flag
biuquote
  • 評論
  • 線上預覽
Loading






NET Magazine國際中文電子雜誌

NET Magazine國際中文電子版雜誌,由恆逸資訊創立於2000,自發刊日起迄今已發行超過500篇.NET相關技術文章,擁有超過40000名註冊讀者群。NET Magazine國際中文電子版雜誌希望藉於電子雜誌與NET Developer達到共同學習與技術新知分享,歡迎每一位對.NET 技術有興趣的朋友們多多支持本雜誌,讓作者群們可以有持續性的動力繼續爬文。<請加入免費訂閱>

月分類Month List