Loading External (client side) Ajax

I know… I know, everyone is looking to load an external file using ajax right? This little script found at Perishable Press is a great place to start. Next, I’m going to combine the last post (Sliding Div on Click) with this for a neat little set of info boxes.

Demo:

Click First Item, Second Item ect….

The HTML:

The External File:
Save this as whatever name of your choosing. ie: external.html or something…

The Js:
Don’t forget to leave the space between (html ‘ +) external.html ‘ + href or it wont work… as I found out the hard way.

 

About Denny Smith

Specializing in HTML5, CSS3, jQuery, WordPress, Expression Engine, SEO Strategies and Responsive Web Development, I build intuitive webs that demand results.
I'm not as mean as I look...
Posted in CSS, jQuery, Sludge

« « Previous Page Slide Div On Click   |  
Support