Icontem

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

Recommend this page to a friend!
  Info   Screenshots Screenshots   View files View files (8)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2012-11-23 (4 years ago) RSS 2.0 feedNot enough user ratingsTotal: 516 All time: 43 This week: 9Up
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.

  Performance   Level  
Name: satyam kumawat <contact>
Classes: 4 packages by
Country: India India
Age: 29
All time rank: 101 in India India
Week rank: 17 Down3 in India India Down
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  
  • screenshots/static_content.png
  • screenshots/dynamic_content.png
  Files folder image Files  
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  /  css  
File Role Description
  Accessible without login Plain text file style.css Data css

  Files folder image Files  /  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  /  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:516
This week:0
All time:43
This week:9Up