Column Dreamweaver - Framework Spry: Spry.Utils.updateContent function

Audio & Video

» CD & DVD Burners
» DVD Tools
» Media Players
» Rippers & Encoders
» Utilities & Plug-Ins

Business

» Applications
» Business Finance
» Planners
» Inventory Systems
» Presentation Tools
» Word Processing
» Project Management

Design & Photo

» 3D Modeling
» Animation
» Photo Managers
» Flash Tools
» Font Tools
» Image Editing
» Media Management

Desktop Enhancements

» Screensavers
» Themes
» Wallpapers
» Widgets & Gadgets

Developer Tools

» Database
» Tools & Editors
» Web Development
» XML

Drivers

» BIOS & System
» Display & Video
» Printers
» Sound & Multimedia
» ATI
» NVIDIA
» GIGABYTE
» Intel
» AMD

Internet

» Web Browsers
» Chat
» Online Privacy
» Download Managers
» Plug-ins

Utilities

» Adware & Spyware
» Antivirus
» Backup & Restore
» Disk Management
» File Compression
» Firewalls
» FTP
» System Utilities
» Uninstallers

Web 2.0

» File Sharing
» Newsreaders
» Search Tools
» TV & Radio
» Web OS
» Web Office
» Blogs
» Forums
» Emails

Column Dreamweaver - Framework Spry: Spry.Utils.updateContent function

By: Staff
Date: August 06, 2007
Recommended by: readers |

Level: Advanced

The Spry.Utils.updateContent function makes the update of the content without the necessity to be recharging the page; it makes the simulation of a iframe. To use the Spry.Utils.updateContent function and necessary to declare four arguments, being the first a id of the Div where the page goes to be loaded, as the argument is the URL of the page, the third argument is for a function to function later that the page is loaded and the room argument is for some arguments special. We will only use the two first ones.

Create a new page, it can be of any type, with the safe page we go to include the SpryData.js archive of the Frameworks Spry of tag inside Head

Now we go to use the Spry.Utils.updateContent function together with the function onLoad inside of tag Body, indicating which page will be loaded initially

We go to add links and the Spry.Utils.updateContent function together with the function onClick so that when the using click in link the Spry.Utils.updateContent function makes update of the page inside of div informed.

Now we go to create div where the Spry.Utils.updateContent function will load the page

The final code is this:

<html>
<head>
<title>Funnção Spry.Utils.updateContent</title>
<script language="javascript" type="text/javascript" src="/includes/SpryData.js"></script>
</head>
<body onload="Spry.Utils.updateContent('id_da_div','pagina_inicial.html');">
<h3>Funnção Spry.Utils.updateContent</h3>
<p>
<a href="#" onclick="Spry.Utils.updateContent('id_da_div','pagina_1.html');"> Link 1 </a>
<a href="#" onclick="Spry.Utils.updateContent('id_da_div','pagina_2.html');"> Link 2 </a>
<a href="#" onclick="Spry.Utils.updateContent('id_da_div','pagina_3.html');"> Link 3 </a></p>
<div id="id_da_div"></div>
</body>
</html>

That would be all for this tip. More tips on working with spry options expect soon.