Tag: Home

Today I am going to write a tutorial on how to write a Jquery enabled Collapsable and Expandable Fixed jQuery Modal Box. Q. What is jQuery ? A. jQuery is a new type of Javascript Library. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions … Continue reading “[Tutorial] Create Collapsable and Expandable Fixed jQuery Modal Box” →

Collapsable and Expandable jQuery Fixed Modal Box (Continue…) Our Jquery Code that actually does the binding for click events and adjusting the CSS dynamically. jq-fixed.js $(document).ready(function() { //Initialize our jquery actions initialposition(); //If user decides to make no action $(“#mask”).click(function(e){ $(this).hide(); resetmask(); }); function initialposition() { //position the navigation bar at top initially // when … Continue reading “[Tutorial] Collapsable and Expandable jQuery Fixed Modal Box (Continue…)” →

Now, final retouch, have css file, jq-fixed.js in inside the same directory and save the code below as modal.html too in the same directory, test the mdoal window by running modal.html. If everything goes fine you’ll be able to see the modal window at the top. You can also download the zipped version of this … Continue reading “[Tutorials] Collapsable and Extendable jQuery Fixed Modal Box (Continue…)” →