I like how the “pages” are actually just anchors, but everything changes link they are discrete pages. The reason why I want to be able to replicate this is because the audio player on the top continues playing as you switch from one “page” to another. Plus, there is deep linking, so you could send someone directly to the “Itinerary” page if you wanted to with a URL.
Any ideas on how to do something like this in Freeway? Thanks in advance.
It takes a combination of a server-side application and some JavaScript on the browser. I have some idea how to do it, but I’m not done working it through. I saw a demo of this in Rails this week, using a library called Backbone.js, but that needs to be ported from jQuery, and a thin controller needs to be written in PHP before you could use this in Freeway. You’d want to get familiar with my TemplateHelper Action, because that’s how to build the sub-page parts.
Here’s an example using JavaScript only, with Protaculous. Ajax Load
The Freeway logo in the upper-right corner is the download link for
a file explaining it. You need Protaculous and TemplateHelper to
publish this document. Notice that the hash updates when you click on
the links, and if your reload the page, the selected option remains in
view. But also realize that this has a huge problem SEO-wise – the
only content that Google will see is the default content. There’s a
way around this, but it requires more scripting, this time on the
server, probably in PHP. I might have some time to work on this
tomorrow, but I’m not promising anything.
Walter
On May 20, 2011, at 2:23 PM, waltd wrote:
It takes a combination of a server-side application and some
JavaScript on the browser. I have some idea how to do it, but I’m
not done working it through. I saw a demo of this in Rails this
week, using a library called Backbone.js, but that needs to be
ported from jQuery, and a thin controller needs to be written in PHP
before you could use this in Freeway. You’d want to get familiar
with my TemplateHelper Action, because that’s how to build the sub-
page parts.
Also, Dan Jasker has a $5 video that can show you how to do this with jquery tabs. I just went through it the other day, and it was very easy to understand and recreate. All the information is on one page, and yes, the menu links are linked like anchors to each specific HTML block/container that you’ve named. You can put in anything into each container, images, text, video, etc.
Just remember that jQuery won’t work at all with any of the Freeway-
native effects Actions, or with any of my Actions. I posted an Ajax
tab demo over a year ago that uses Prototype/Scriptaculous and so is
compatible.
Also, Dan Jasker has a $5 video that can show you how to do this
with jquery tabs. I just went through it the other day, and it was
very easy to understand and recreate. All the information is on one
page, and yes, the menu links are linked like anchors to each
specific HTML block/container that you’ve named. You can put in
anything into each container, images, text, video, etc.