JavaScript, Ajax - Google and Accessibility

JavaScript
1

Hi,

its the first time I do a lot JavaScript (Jquery) and as everything looks good and i was trying different things, i regonized some things.

Ok, the thing is that i load content in overlays. First i was loading everything in hidden divs. Ok I thought Google can read everything. But i realized that this produced a lot of request. I changed to loading the content from an external html in my overlay. This time via a link (first time on image click without href) and I took to notice that the first time users without JS enabled can’t see the content. But if JS is disabled it brought me to the blank content that i load in my overlay. That means google spiders this links brings people to blankness sides with just bare content. Ok so i made it that the side works without JS.

But now i have two problems.

  1. If people come from Google they get the no JS content, even if they have JS on. Until now there is now way to do it - isn’t it? If i understand right, Google works on it Google Says, Have Your AJAX and SEO, Too

So what is better? Loading everything in hidden divs and hidding the link to the no JS content from Google (if it can be done) - what means people coming from google are landing on the page with the links.
Or bringing people to the no JS content (full article) - i think this will be confusing, cause if they then look arround and oben another article they get the overlay version if they have JS on.

  1. I don’t know how to get my link, that now points to the no JS content, to pull the no overlay content in the overlay.
$(document).ready(function() { 

    $("a[rel]").overlay({ 

        onBeforeLoad: function() { 
            // grab wrapper element inside content 
            var wrap = this.getContent().find(".contentWrap"); 
 
            // load the page specified in the trigger 
            
			wrap.load(this.getTrigger().attr("href")); 
        } 
 
    }); 
});

The link can be

<a href="somewhere/overlay" rel="#test">something</a>

or

<a href="somewhere/content" rel="#test">something</a>

How can i make it that if JS is on the first url is used?

Sorry for spelling errors - i’m a german guy :slight_smile:

2

Try to search for this query ajax href history bookmark jquery. There is a plugin to jQuery called hashjax which seems to be solution for this. But it should be corrected, because it is not solve middle click event. I have one very old example http://xy.wz.cz/ajax-simulace-include/ history not works there, but it has js on and off content, so it works on middle click. Maybe you need some combination of such solutions.