Comments on: Coding a jQuery AJAX site that degrades gracefully

By: toohot

toohot — Sun, 18 Sep 2011 21:52:18 +0000

Hi Guillermo! Good turtorial, all works fine. Could You help with Back button function please

By: modnarte

modnarte — Mon, 30 May 2011 20:04:40 +0000

Hi, I have resolved the Imageflow issue, somewhat, by adding this to nav.js:

$.noConflict(true);
$(document).ready(function () {
/* $(“p”).text(“The DOM is now loaded and can be manipulated.”);*/
/* This will be called AFTER the Ajax thing has been done */

function initImageflow () {
// Destroy the ImageFlow Instance
instanceOne = null;

// Build a shiny new one
var instanceTwo = new ImageFlow();

// Initiate with your options
instanceTwo.init({ ImageFlowID:’myImageFlow’ }); }
});

Works in Safari, Chrome, Opera but Firefox seems to be flickering more than before adding your AJAX!

Any suggestions?

By: modnarte

modnarte — Tue, 24 May 2011 20:45:12 +0000

Hi Guillermo,
I have a similar issue like Leon’s. My ImageFlow was working perfectly until I added your AJAX solution. I love the way your solution works on my pages but as a newbie, I need more information on re-attaching Imageflow. Can you be specific about the code I need and where to insert it?
This is the ImageFlow init code:

var domReady = function(handler) { domReadyEvent.add(handler); };
domReadyEvent.init();

domReady(function()
{
var instanceOne = new ImageFlow();
instanceOne.init({ ImageFlowID: ‘myImageFlow’ });
});

Thanks!

By: Guillermo

Guillermo — Wed, 15 Dec 2010 21:36:29 +0000

Hi Leon! Sorry for the delay

The function ajaxify_links passes a string to select one (or more) elements using Jquery Selector’s format. In your case you can separate several ids with commas.

I don’t know how you’re using the cycle plugin. I’ll have to guess that you’re attaching the cycle pugin to some elements inside a “$(document).ready” call. When you load a new page with my solution, new content is inserted on the page. Elements inside this content don’t have the cycle event attached to them (because the plugin was called when this elements were not loaded). You can re-attach the cycle plugin each time you refresh the content.

Hope this answer your questions

Thanks!

By: Leon

Leon — Wed, 27 Oct 2010 01:45:25 +0000

A couple of quick questions if you’re still around.

How can I specify more than one ID in ajaxify_links(“#nav a”)

Why might my jQuery Cycle plugin not work any more for pages loaded via your solution?

Thanx..

By: Peter

Peter — Sun, 01 Aug 2010 10:10:26 +0000

I am implementing your code to my web, everything work perfect besides Back button. The page url change on back button but content does not update. I was trying to plug in BBQ or history.js but nothing works. Could you help me with this.

By: Brent

Brent — Wed, 23 Jun 2010 17:05:34 +0000

cool, I was seeing some other tutorials but none of them degraded gracefully. It’d be awesome if you could work in the back button fix using URL hash at some point, if you ever do please email me – brent@mimoymima.com

thanks!

b r e n t

By: Guillermo

Guillermo — Tue, 30 Mar 2010 14:38:20 +0000

Thanks Jeremy!

It’s true, back button doesn’t work with this approach. This could be solved appending a hashtag on the url every time that the content changes and then using that hashtag to reload the content again when the user clicks back or forward.

Right now adding that feature is not on the plans, the article was only to show how to load AJAX content in a crawler friendy way, but we’ll let you know if we make any changes

By: Jeremy

Jeremy — Mon, 29 Mar 2010 21:51:41 +0000

Hi,

This AJAX tool works great, and I love that it’s SEO friendly. Do you have any plans to make the back button work?

Thanks!
Jeremy