Understanding Blur pagekit code

  You are currently not logged in. You can view the forums, but cannot post messages. Log In | Register

18-Nov-06 04:55
In the past, I've used an iframe for navigational purposes (menu w/the pages loading into the iframe) so everything but the iframe content is constant. However, I've seen webpages where it works the same way, but does not seem to be using iframes.

For example, the blur pagekit http://www.elated.com/pagekits/blur/index.html . The content gets updated by whatever I choose from the menu, but when I look at the pages' source, it's obviously not just one file.. it's different files being loaded, but it seems like only the main content is changing. I'm stumped.. anyone know how this is being done? This seems to be a better alternative to iframes as I don't have to worry about setting height/width attributes. I'd be sooo grateful.
19-Nov-06 07:45
Hi steph,

There are only 2 pages - index.html and page.html. Both pages include separate copies of the HTML for the navigation menu. They also include a bit of JavaScript in drop_down.js, which is used purely for IE6 (I think).

That's all there is to it really!

Matt
ELATED : )

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
19-Nov-06 21:01
Hi Matt,

Really? That's what I thought when I looked at the page source too, but thought I was missing something cause when I clicked on a link, it didn't look like a new page was loaded. Guess my eyes were tricking me. Thanks for your help.

Steph
19-Nov-06 21:22
No problem. Let us know if you need any more help.

Matt
ELATED : )

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

 
New posts
Old posts

Follow Elated