For those in hurry, download the plugin from jquery plugin page [download#11#nohits]
It is a modal pop up box. It can be used to display any url as popup box.
It’s simplicity lies in the fact that, we can use it to display forms etc, and then submit the forms, something like I used it for thesoko login box.
Here is an screenshot of akModal in action.
I had created this when I didn’t know enough javascript to use AJAX etc, for submitting a form. I also didn’t want to write very complex javascript for something that can be easily handled using a simple iframe.
Anatomy of akModal Box
Features
• Easy to create popup box
• No AJAX required for submitting forms
Dependencies
• DimScreen plugin(for blacking the background)
• Dimensions plugin(for center alignment)
• Interface plugin (for puff effect)
How to create it
This is the simplest process of all; you need to include all the dependencies along with akmodal.js file. Then just call
$.showAkModal(navurl,title,box_width,box_height) function onclick event.
navurl: it is the url to show in the popup box.
title: is the title to show for pop up box.
box_width & box_height: it is width and height of the pop up box that you want to show.
For example,
<a href='test.htm' id='ak_sign_in' onclick="$.showAkModal(this.href,'Sign In',230,170);return false;"> sign in</a>