Load External Page From Link - jQuery AJAX Actualizer
| File Size: | 5.4 KB |
|---|---|
| Views Total: | 1117 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
Actualizer is a dynamic AJAX content loading plugin that enables the user to load an external page into the current page by clicking a link.
How to use it:
1. Load the JavaScript actualizer.js after loading the latest jQuery JavaScript library.
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/actualizer.js"></script>
2. Create a DIV container in which the AJAX content should be loaded.
<div id="ajax-content"> Content Here </div>
3. Create a link on the page and specify the path to the external page that should be loaded into the container you just created.
<a id="demo" href="ajax.html"> Click Me To Load </a>
<!-- ajax.html --> <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>AJAX Content</title> </head> <body> AJAX Content Here </body> </html>
4. Call the function on the container element and determine the select of the AJAX link. That's it.
$(function(){
$('#target').actualizer('a#demo');
});
This awesome jQuery plugin is developed by ratajs. For more Advanced Usages, please check the demo page or visit the official website.
