Namecheap.com - Cheap domain name registration, renewal and transfers - Free SSL Certificates - Web Hosting Namecheap.com - Cheap domain name registration, renewal and transfers - Free SSL Certificates - Web Hosting

jQpopup

2012
May 01
DOWNLOAD
jQpopup box v0.2.3

LICENSE
jQpopup is distributed under the terms of the MIT license

DEMONSTRATION






NEWS

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

DESCRIPTION

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

DOCUMENTATION


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>

8 Responses to “jQpopup”

  1. Exactly ! Can’t agree more. Great Article!

  2. gjaioweajwo says:

    Wow, awesome blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your site is great, let alone the content!. Thanks For Your article about jQuery popup box | jqframework.com .

  3. Graig Amela says:

    hellow person, many thanks for this great submit. I actually value you took time to provide this info out

  4. Hello, Nice work! Wonderful site. Thank you for this specific material I had been seeking all Google to be able to locate it!

  5. cocococle says:

    I have been browsing online more than three hours today, yet I never found any interesting article like yours jQuery popup box | jqframework.com. It is pretty worth enough for me. In my view, if all site owners and bloggers made good content as you did, the web will be a lot more useful than ever before.

  6. hosana says:

    jQuery popup box | jqframework.com I was recommended this blog by my cousin. I am not sure whether this post is written by him as no one else know such detailed about my trouble. You’re incredible! Thanks! your article about jQuery popup box | jqframework.comBest Regards Justin

  7. jqteam says:

    our site is lived for 2 years already.

Your Reply