快建框架 快建框架
整合組件以建立強大的系統
LoginRegistrationForget Password
Your Ad Here
English 繁體中文(香港)



jQpopup 文檔

You can check all code details in index.html.
If you have further questions, please contact us through our Knowledge Sharing Board.

jQpopup V0.2

Change logs:

  • Fixed the scrolling issue of toCenter.
  • Added feature of toTop.
  • Changed the style of jQpopup.

To change a jQpopup Box on Top of the others

  1. <input type="button" id="top_btn" value="1st jQpopup to top"/>
  2. <script language="javascript">
  3. $(document).ready(function() {
  4.    $("#top_btn").click(function () {
  5.       $("#sampleformdiv").jqpopup_toTop();
  6.    }
  7. });
  8. </script>

jQpopup V0.1

To set the title of a jQpopup Box

  1. <div id="sampleformdiv" style="display:none" alt="1st jQpopup box">
  2.       This is the 1st jQpopup box<br/>
  3.       <form method="post" id="sampleform" name="sampleform">
  4.          <input type="text" name="content" id="content"/>
  5.          <input type="submit" value="save">
  6.       </form>
  7.    </div>

To Open a jQpopup Box

  1. <input type="button" id="open_btn" value="open the 1st jQpopup"/>
  2. <script language="javascript">
  3. $(document).ready(function() {
  4.    $("#open_btn").click(function () {
  5.       $("#sampleformdiv").jqpopup_open(this.id);
  6.    }
  7. });
  8. </script>

To Close a jQpopup Box

  1. <input type="button" id="close_btn" value="close the 1st jQpopup"/>
  2. <script language="javascript">
  3. $(document).ready(function() {
  4.    $("#close_btn").click(function () {
  5.       $("#sampleformdiv").jqpopup_close();
  6.    }
  7. });
  8. </script>

To Reposition the jQpopup Box to the center

  1. <input type="button" id="center_btn" value="reposition 1st jQpopup to center"/>
  2. <script language="javascript">
  3. $(document).ready(function() {
  4.    $("#center_btn").click(function () {
  5.       $("#sampleformdiv").jqpopup_toCenter();
  6.    }
  7. });
  8. </script>

Your Ad Here
Your Ad Here
© 2009 jqframework.com
jQ framework CMS v4.0
Valid HTML 4.01 TransitionalValid CSS!