jQpopup
2012
May 01
May 01
 |
DOWNLOAD jQpopup box v0.2.3 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
-
<input type="button" id="open_btn" value="1st jQpopup to top"/>
-
<script language="javascript">
-
$(document).ready(function() { -
$("#open_btn").click(function () { -
$("#sampleformdiv").jqpopup_open(this.id,true); -
});
-
});
-
</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
-
<input type="button" id="top_btn" value="1st jQpopup to top"/>
-
<script language="javascript">
-
$(document).ready(function() { -
$("#top_btn").click(function () { -
$("#sampleformdiv").jqpopup_toTop(); -
});
-
});
-
</script>
jQpopup V0.1
To set the title of a jQpopup Box
-
<div id="sampleformdiv" style="display:none" alt="1st jQpopup box"> -
This is the 1st jQpopup box<br/>
-
<form method="post" id="sampleform" name="sampleform">
-
<input type="text" name="content" id="content"/>
-
<input type="submit" value="save">
-
</form>
-
</div>
To Open a jQpopup Box
-
<input type="button" id="open_btn" value="open the 1st jQpopup"/>
-
<script language="javascript">
-
$(document).ready(function() { -
$("#open_btn").click(function () { -
$("#sampleformdiv").jqpopup_open(this.id); -
});
-
});
-
</script>
To Close a jQpopup Box
-
<input type="button" id="close_btn" value="close the 1st jQpopup"/>
-
<script language="javascript">
-
$(document).ready(function() { -
$("#close_btn").click(function () { -
$("#sampleformdiv").jqpopup_close(); -
});
-
});
-
</script>
To Reposition the jQpopup Box to the center
-
<input type="button" id="center_btn" value="reposition 1st jQpopup to center"/>
-
<script language="javascript">
-
$(document).ready(function() { -
$("#center_btn").click(function () { -
$("#sampleformdiv").jqpopup_toCenter(); -
});
-
});
-
</script>
