Fancy Alert Box (Pop Up): Show alert boxes retrieved using AJAX

Recommend this page to a friend!
  Info   Screenshots   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 532 All time: 47 This week: 4Up
Version License JavaScript version Categories
fancy-box 1.0Free For Educatio...1.0HTML, AJAX, jQuery
Description 

Author

This is a jQuery plug-in that show alert boxes eventually retrieved using AJAX.

It can show an a floating content element when the user clicks on a given alert box.

The content to be displayed can be retrieved from a given element of the current page, or retrieved from a given server URL via AJAX requests.

Picture of satyam kumawat
  Performance   Level  
Name: satyam kumawat <contact>
Classes: 4 packages by
Country: India India
Age: 36
All time rank: 101 in India India
Week rank: 6 Up1 in India India Equal
Innovation award
Innovation award
Nominee: 2x

Winner: 1x

Details

---------------------- INTRUCTIONS ---------------------- 1.USING STATIC CONTENT Please follow the below steps to use alert box as a static content (a) Create a div which contain the data you want to show in alert box. (b) Assign a id to your container. (c) Write the following JQuery code to show popup $(document).ready(function() { $('#alert').alerbox({ div:'#content' }); }); #alert :-> ID of the element which will be clicked and alert box will be open. #content :-> ID of the element which you want to put in alert box. This element should be by default hidden. 2.LOAD CONTENT USING AJAX Please follow the below steps to load data in alertbox using ajax url (a) Write the following JQuery code to show popup $(document).ready(function() { $('#alert').alerbox({ url:'index.html' }); }); #alert :-> ID of the element which will be clicked and alert box will be open. url:-> Url of the page which contains the data which will be put in the alertbox

Screenshots (2)  
  • screenshots/dynamic_content.png
  • screenshots/static_content.png
  Files folder image Files (10)  
File Role Description
Files folder imagecss (1 file)
Files folder imageimages (2 files)
Files folder imagejs (2 files)
Accessible without login Plain text file ajaxContent.html Data Example
Accessible without login Plain text file index.html Example Example
Accessible without login Plain text file readme.txt Doc. Readme

  Files folder image Files (10)  /  css  
File Role Description
  Accessible without login Plain text file style.css Data css

  Files folder image Files (10)  /  images  
File Role Description
  Accessible without login Image file close.png Icon close icon
  Accessible without login Image file process_spinner.gif Icon loader

  Files folder image Files (10)  /  js  
File Role Description
  Plain text file alertbox.js Class Plugin file
  Plain text file jquery.js Class jquery library

 Version Control Unique User Downloads Download Rankings  
 0%
Total:532
This week:0
All time:47
This week:4Up