ansaurus

Question

Ajax Reload same page onclick

Answer 1

A:

Here's what you do....

There's a <noscript> tag that is available for those who do not have Javascript enabled on the browser.

If the page renders the <noscript> tag, the <a> click should run as normal, else the ajax call.

Usually what people do is to write the same page twice, one containing no javascript and the other with.

e.g

<script type="text/javascript">
   //Functions goes here...
</script>
<noscript>
  <!-- redirection -->
</noscript>

More on <noscript> here: http://xhtml.com/en/xhtml/reference/noscript/

UPDATE: Use the following DTD on your page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

Strict DTD doesn't support <noscript>.

The Elite Gentleman 2010-02-21 15:19:28

Thank you.. I will look into it. But below code is some what working.

2010-02-21 15:36:27

PS. Check my post to see what DTD you need to use. Sorry to have not included it earlier.

The Elite Gentleman 2010-02-21 20:42:35

Thanks a lot.. I guess this can help me easily. I am thinking of doing something like ajax load onclick and reload if js disabled. Since jquery will not be called if js is disabled "noscript" may not be required right?

2010-02-21 23:36:46

Do like GMail does it. When Javascript is disabled, they redirect to another Synchronous page (i.e. only hyperlinks are used) instead of using Ajax. They follow the principle I gave as solution. Try and debug it (use Firebug for Firefox to see code). :-)

The Elite Gentleman 2010-02-22 11:52:11

Answer 2

A:

Attach click handlers to your links unobtrusively:

$(function() {
    $('a').click(function() {
        // resultContainer is the id of some element that will receive
        // the HTML from the link
        $('#resultContainer').load(this.href);
        return false;
    });
});

If javascript is disabled links will perform standard requests reloading the whole page.

Darin Dimitrov 2010-02-21 15:24:19

This is somewhat working.. But it is printing links twice. How to avoid that.. Thanks a lot...

2010-02-21 15:35:11

ansaurus

tags:

views:

answers:

Ajax Reload same page onclick

related questions