Friday, December 12th, 2008 | Author: MaX
When I released ajaxify v1.0 I didn’t expect that huge demand for the plugin. I thought its just a crap of code. but then, I remembered how it was difficult to start programming for me. So I decided to complete what I have started. I have created a special homepage for the plugin. Added new cool features. fixed v1.0 bugs. After hours of hard work. v2.0 released today. I hope you like it. And as always, any help, bug report, suggestion, confession…. don’t be shy.
(Please, dont post questions here about ajaxify. post it in the appropriate support page )
MaX,
Loading ...Category: jQuery
July 7th, 2009 at 10:40 AM
Hi,
Thanks for this great plug-in. I am only dealing with a small(?) problem.
I have a asp.net website (Umbraco), with a top navigation bar.
The hierarchy is something like this:
When I open the site, the ‘Home’ is automatically loaded (the default page). But when I then click on one of the other links on the menu, it opens in a new window, after that, all other navigation click on the newly opened window behaves as expected with AJAX, except the home link. When I click on the newly opened window, it opens in another new window.
When I watched the source code, the class and target are set correctly. Any idea?
O yes, the main.master is like this:
The contentplaceholder will get id “Content”. That’s what I put in the target label (I tried also container, but doesn’t work properly either).
Hope you can help me out of this?
Many thanks in advance.
July 7th, 2009 at 10:53 AM
Hi,
Here a little addition: the behaviour I described, only appears in FireFox.
In IE it seems to work. In Chrome, it opens one of the sub pages on a new tab, after that, it stays on that tab and AJAX doesn’t seems to work at all
July 18th, 2009 at 1:20 PM
Sadly, ajaxify doesn’t seem to work in noConflict-Mode. The “tagToload”-Option is not perfomed after recieving data from an ajax call.
cu
tommy
August 31st, 2009 at 1:04 AM
I thought I wasnt going to like this blog but more I read the more I liked it.
October 22nd, 2009 at 9:48 PM
Here is a question I would like to throw out to the forum.
Question: When ajaxifying a hyperlink, is there a way to override the href? (with a modified version of the clicked link)
Reason: I’d like to maintain backward compatibility with older browsers, so I would like to munge a link on-the-fly to determine who is using javascript.
Example:
$(#menu a).ajaxify({ target:'#some_target', link:'http://some_new_link?ajax=1' });I know this code is incomplete and I need to wrap it in a function or .click(function(event) (I’m still working on that) but I thought I would throw this out there to see if anyone else has solved this issue.
I did see a post from max where he indicated that an onstart could be used in the next version. I tried this but it appears to not be in the current version.
Any advice or help that anyone has is greatly appreciated. TIA.
Marty
October 22nd, 2009 at 11:34 PM
Sorry to reply to my own post.
Arrggg!! It always happens, as soon a I post, I figure it out, and like usual, it’ soooooooo easy. Here is the answer….
$('.selector').livequery(function(){ $(this).ajaxify({ target:'#target', }); });It seems as though ajaxify appends ajax=true to the URI by default. So, all I had to do was to test for ajax in the cgi variable space and that tells me whether or not the page was called via ajaxify. Sweeeeeeet!!!
Max…THE MAN!!!!
December 20th, 2009 at 7:58 AM
Is it possible to call ajaxify from javascript? So instead of clicking on a link, you call a function?
I would like to be able to use a timer and/or keypress to append/refresh data.
(I hope it’s ok posting here for support – comments on the the v2.0 support page have been disabled)
December 21st, 2009 at 5:27 PM
@Alex
Sure, it’s easy. Assuming you have the jquery library and ajaxify correctly installed, you just reference the DOM element from within your function… something like this…
Here is a link to our site where we use ajaxify that is wrapped in a document.ready function….
Drip Irrigation (ajaxify)
View the source code and try the “add to compare” feature. You’ll see ajaxify used as well as some other jquery goodness. Feel free to copy our source code if it will help you.
If you have not used ajaxify before I suggest you get one of Max’s examples working first. Then wrap it in your function.
Best of luck, Ajaxify rocks!
December 21st, 2009 at 5:34 PM
@Marty
Thanks for the help – I figured out that I needed event:false; and then it would work as I had intended.
Nice site – I love the animation, very smooth & stylish.
April 2nd, 2010 at 9:51 AM
I having problems with the Jquery core 1.4.2 and UI 1.8.
If you use the button widget, the form data will execute normaly, like there’s no Ajaxify?
Does anyone know a solution for this?
I tried to submit with a input submit button and the submit event in ajaxify and even with a link to trigger a submit, but both ways do not trigger ajaxify, When changing to core 1.3.2 it works as it should.
Thank Joost
April 2nd, 2010 at 10:14 AM
an extra update:
the problem is not the core 1.4 but the button widget!
with the button widget you can make buttons from an anchor, just by adding class button to it.
if you do so the ajaxify will not work anymore!
June 7th, 2010 at 6:36 PM
Does Ajaxify support loading html snippet’s (say via jQuery load() function) or do you have to have a PHP or other server-side script?
If is does not, I would like to request that as a feature to be added.
Thanks.
August 16th, 2010 at 9:35 PM
Dear Max,
Ajaxify is exactly what I’m looking for, but darn if I can get it to work. I’m new to jQuery but as far as I can tell I’m doing what I’m supposed to:
1) I’m loading all of the .js packages in your distribution ZIP.
2) I’m giving the links a class of “ajaxify” and specifying a valid container, for example:
Still, no matter what I do, when I click on a link it opens in a new window. What am I doing wrong?
Many thanks in advance for any help you can provide!
Mike