jQuery popup box v0.2.3

• jQpopup box v0.2.3

• 2011/05/09 jQpopup box v0.2.3 released, fixed issue in IE9
• 2011/01/23 jQpopup box v0.2.2 released, added modal features
• 2010/02/14 jQpopup box v0.2.1 released, fixed the issue on jQuery 1.4
• 2009/06/28 jQpopup box v0.2 released.
• 2009/06/28 Changed the style of jQpopup box.
• 2009/06/28 Fixed the scrolling issue of jQpopup box.
• 2009/05/15 jQpopup box v0.1 released.

• Simple click to open the jQpopup box.
• Simple drag to reposition the jQpopup box.
• Simple drag to resize the jQpopup box.
• Simple click to centralize the jQpopup box.
• jQpopup box is easy to integrate and customize.
• jQpopup box tested with IE6, IE7, IE8, IE9, FF3, Opera9, Safari4, Google Chrome2.
• jQpopup box integrated with jqDnR and bgiframe.
• Lightweight popup box - The source file is just 4k!
• Free and Free of charge under the MIT License.

jQpopup Documentation

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.2

Change logs:

• Added modal when open

To add modal when open

1. <input type="button" id="open_btn" value="1st jQpopup to top"/>

2. <script language="javascript">

3. $(document).ready(function() {

4.    $("#open_btn").click(function () {

5.       $("#sampleformdiv").jqpopup_open(this.id,true);

6.    });

7. });

8. </script>

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>