Pass: 0

Overview

Ajaxify – An Ajax Plugin

Ajaxify

For web developers

Optional visual effects

For geeks

Comments

We need your comments and feedback!! Please drop one here (see below) or in the respective sections

On which browsers does this work?

This plugin works on HTML5 browsers and gracefully degrades, if the HTML5 History API is not available.

119 thoughts on “Overview”

  1. I love this plugin but when I go click on home page – it is totally messed up (and my other pages are not really looking like they should either). Some plugins don’t show up and the page looks different. You can see it here – click on link and then click on home. Thanks

    Reply

    1. Hi again Aliza,

      Sorry about the inconveniencies…

      Provided, this is the site you’re talking about, I had a brief look. You seem to be using quite a lot of plugins, such as the AWS(Ajaxify WordPress Site) one, too.
      Also, I couldn’t see where you’re including my Ajaxify plugin and what your call looks like…

      AWS and my Ajaxify will most probably not work well together – please use either one or the other…

      Thanks and
      Regards

      Reply

  2. HELLO Admin,
    Thanks for this “js”.
    It’s so easy as A and light, on the other hand I have a problem with it.
    I want create page loader like youtube or instagram, or use “PACE” loader.
    but they aren’t work in ajaxify.
    can you help me ?

    Reply

    1. Hi Milad,

      thanks for your interest in the plugin and the enquiry.
      Sometimes, the order of including the various JS’s is important.

      I can remember users, e.g. employing Bootstrap + Ajaxify complaining about this…

      Reply

      1. Tanks for your answer;
        For ex PJAX have “start” and “end” method do we have any thing same as that in Ajaxify ?
        I want to use it for my page loader

        Reply

          1. Wow yeeeeeeeeeeeeeeeeeeeeees
            Thank you very much.
            That’s what I was looking for.
            I Love Ajaxify 😉

  3. I would love to use ajaxify – just wondering if I use a different menu on one of the pages would it still work – would it still change the menu (it could look the same but goes to different places). I have 2 menus – one main and one inner. all inner pages use the inner menu but the home page uses the main.

    Reply

    1. Hi Aliza,

      thanks for your kind enquiry… Good question – never had this question before!
      I can only presume that it depends, whether the ID of the div containing the menu(s) is the same.
      If it is – it’s worth a try. In any case, why not give it a try?

      Cheers

      Reply

      1. Thank you!
        I have two more questions:
        Normally ajaxify change #article, but I have some “special” link, and I want to this links change #article and #nav, but not the all links, only the “special” links. What can I do?
        And how can I set ajaxify when you load a page, the browser will show the top of the page?
        Thank you very very mutch!!! Sorry for my english. 🙂

        Reply

          2. Hi DaWe!

            I suppose you were referring to the scrolltop feature?
            I’ve implemented that to always scroll to the top of the page, when the new

            scrolltop parameter is set (default: false)

            i.e. please specify e.g.:

            scrolltop: true

            …in order to enable.

            Presently only implemented in this ajaxify.js test file.
            Set active on this test site at the moment…
            Once you’ve tested that and come to the conclusion, that it’s fit for your needs, I will make a minified file asap!

          4. Hey DaWe,

            your fine, don’t worry about your English – I can understand you 🙂
            Thanks for testing against http://www.oeko-fakt.de/!

            As this is the behaviour you would like, I will create a minified Ajaxify file asap!

            Thanks and
            Regards

          6. It works awesome, thank you!
            I found a form: if I use this form, the file don’t uploading with ajaxify:

            Select image to upload:

            What can I do? Sincerely, DaWe

          7. Opps, here is the form:
            <form action=”http://example.com/nothing/upload” method=”post” enctype=”multipart/form-data”>
            Select image to upload:
            <input type=”file” name=”fileToUpload” id=”fileToUpload”>
            <input type=”submit” value=”Upload Image” name=”submit”>
            </form>

          8. Hi DaWe!

            That type of form handling is not supported at the moment…
            Please add this to your form to select it out of ajaxification:

            class="no-ajaxy"

    1. Thanks for the link!

      You need to perform two simple steps:

      – Include Ajaxify in the header of each page as indicated on Installation
      – Call Ajaxify like this: jQuery('#content-host').ajaxify();

      Reply

  6. Hello i have this problem: website with some pages and a footer toolbar with radio player! How i can change page without stop radio?
    thanks too mutch.

    Reply

    1. Hi Stefano,

      the music should keep on playing, if Ajaxify is set up properly.
      If possible, please drop a link to your (test) site…

      Thanks!

      Reply

  8. I’m trying to use this with a SharePoint 2007 site. I added this code inside the document ready event, but it doesn’t work (when I click on a link, it refreshes the whole page instead of only #itemPageWrapper).

    $(“#itemPageWrapper”).ajaxify({
    previewoff: false
    });

    Please help.

    Reply

  9. i’d used your js but when i’m redirect from my page to another page it shows error
    on javascript and template field
    i’m using asp.net with keno ui as my interface

    Reply

  10. Hi Michael,

    Thanks ever so much for the hint at the double-GET.
    Yes, I trust it’s eliminated in version 2.7.0.

    Do you want to show us your website? (I’d also like to add you on the Thanks page)

    Yes, please drop another hint, if you find another bug…

    Love, Arvind.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Show Buttons
Hide Buttons