Ajaxify – An Ajax Plugin
For web developers
- Interface
- Events
- Demo sites
- Installation
- Alwayshints
- Inline scripts
- Ajaxify forms
- Delta-Loading
- Memory effect
- Prefetch effect
- Scroll effects
- Preview effect
- Adsense + Ajaxify
- Logging
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.
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
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
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 ?
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…
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
Thank you, too!
Maybe these Pronto events are what you’re looking for?
The first event to get fired is
pronto.request
and the last onepronto.render
.Wow yeeeeeeeeeeeeeeeeeeeeees
Thank you very much.
That’s what I was looking for.
I Love Ajaxify 😉
That’s great! Thanks for posting back so positively!
As you mentioned the comparison to PJAX – if you feel like it and are a GitHub user, you could briefly post your findings concerning Ajaxify vs. other frameworks in here? 🙂
Cheers and
Regards,
Arvind
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.
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
Hello!
How to can I load javascripts with ajaxify?
Thanks, DaWe (sorry for my english)
Hi DaWe,
do you mean inline scripts or scripts with src= in the header or both?
Ajaxify should normally do both “out of the box”, but you can control the loading of scripts in detail, if you want to…
Cheers!
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. 🙂
Hi DaWe,
please override the selector property and the jQuery selection to your needs e.g.:
jQuery('#article, #nav').ajaxify({selector: '#mylink'});
For the second question, if you need it, I may include a
scrollTop
property again?(I had omitted the feature initially)
Cheers!
It would be great! Thank you so mutch!
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!
Yes, I really like this! I can’t test this on my site (or a don’t understand you, sorry for my english, I’m learning…), but http://www.oeko-fakt.de/ working as I would like on my site.
Thank you!!!
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
Dear DaWe,
here’s the new minified version of Ajaxify
(I’ve briefly tested it, please test as well…)
Please replace your minified version with this file!
Please include:
scrolltop: true
…in your call
Thanks!
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
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>
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"
yes this is the link:
http://lead.astrelia.it/index_radio.html
but i don’t have use ajaxify because i’m not expert by javascript …
how i can?
please help me thanks.
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();
thanks i have just make some variations in the link but … nothing!
thank you
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.
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!
In bumbablog.com you can see the professional implementation of ajaxify…
Hi David,
thanks! Nice site! Very interesting…
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.
Could you please drop a link to your site?
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
Hi Santhosh,
concerning re-directs, we’ve solved it with the help of the
canonical
tag:– https://4nf.org/interface/ – “canonical”
– https://github.com/arvgta/ajaxify/issues/23
Concerning the other issues, please drop a link to your site…
Regards
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.