Friday, December 12th, 2008 | Author: MaX
Any Comments, bugs , feature request about Ajaxify v2.0, please post it here.
For advanced paid support or special requests. Contact me through the contact form.
Known issues:
- Stop ajaxify excuting based on onStart function return.

- Fix false warning “warning: target “#Ajaxifytemp” couldn`t be found”
- Fix back button on first ajaxify call.
Feature requests:
- Loading Images via ajaxify.
- Encode non safe characters in url’s before sending the request.
- Change the page title based on the loaded content.
For advanced paid support or special requests. Contact me through the contact form.
__________________________________________________________________________
How to make ajaxify compatible with jquery v1.3.0 and higher?.
- Open jquery.ajaxify.js with your preferred editor.
- Go to line 58. You will see var ver = jQuery.fn.jquery.split(‘.’);
- Mark it, and go down until you reach line 62. So the full text will be:
var ver = jQuery.fn.jquery.split('.'); if(ver[0] < 1 || ver[1] < 2 || ver[2] < 6){ jQuery.ajaxifylog('Error: Your jQuery version is old. Version 1.2.6 or newer is required.'); return false; } - Comment it or delete it. its your choice.
Category: jQuery

March 19th, 2009 at 9:19 PM
last question.. I think
is ajax_update() what I would use to refresh content.. this app is driven by a database and I need to show the updates that are made…
March 19th, 2009 at 9:50 PM
Can ajaxify be used with Microsoft MVC and asp.net.
I followed the directions on the simple example but receive an “object required” error in the line below:
$(document).ready(function() {
March 20th, 2009 at 12:08 PM
Bonjour
need to add textarea to registration form
$('#regform input').ajaxify({ event:'change', method:'POST', loading_img:'sloading.gif', loading_txt:'vérification en cours...', link:'contactcontrol.php?action=regsubmit&ajax=true', forms:'input' }); $('#regform textarea').ajaxify({ event:'change', method:'POST', loading_img:'sloading.gif', loading_txt:'vérification en cours...', link:'contactcontrol.php?action=regsubmit&ajax=true', forms:'textarea' });work but the submit button is disabled
help please
March 20th, 2009 at 12:10 PM
Solution
$(‘#regform input,textarea’).ajaxify({
event:’change’,
method:’POST’,
loading_img:’sloading.gif’,
loading_txt:’vérification en cours…’,
link:’contactcontrol.php?action=regsubmit&ajax=true’,
forms:’input,textarea’
});
March 20th, 2009 at 12:35 PM
when i submit the form the message stay for 2 or three second only and its not the good message
Any idea about?
Sorry for my english
March 20th, 2009 at 2:54 PM
plze help
March 20th, 2009 at 3:14 PM
@JoeReynolds : did you include the jquery library in the head of the html document ?
March 20th, 2009 at 5:08 PM
ScottS, I have the following in the head section of my master page:
$(document).ready(function() {
$(‘.ajaxify’).ajaxify();
});
I receive an error of object expected on the line of
$(document).ready(function() {
March 20th, 2009 at 5:11 PM
ScottS, sorry the system stripped out all the script items:
*script src=”../../Scripts/MicrosoftAjax.js” type=”text/javascript”>*/script>
*script src=”../../Scripts/MicrosoftMvcAjax.js” type=”text/javascript”>*/script>
*script src=”../../Scripts/jquery-1.3.2.min.js” type=”text/javascript”>*/script>
*script type=”text/javascript” src=”../../Scripts/Ajaxify/jquery.ajaxify.min.js”>*/script>
*script type=”text/javascript” src=”../../Scripts/Ajaxify/jquery.history.fixed.js”>*/script>
*script type=”text/javascript”>
$(document).ready(function() {
$(‘.ajaxify’).ajaxify();
});
*/script>
March 20th, 2009 at 5:30 PM
@JoeReynolds:
while I’m not familiar with .net (I’m a ColdFusion developer) I think, unless .net requires it, that the *script src.. needs to be <script src..etc..
Secondly pull out what you don’t need IE: the MicrosoftAjax.js
March 20th, 2009 at 6:57 PM
ScottS — I removed the Next/a
March 20th, 2009 at 7:15 PM
ScottS. Sorry for what must be confusing messages. The system here is deleting most code I insert in the message.
Anyway, I’ve made more progress. The paging links now work but the container div is being loaded with the entire page when clicked and not just the elements in the container. I’ll see if I can sort that out.
Should the paging links be included inside the container div?
March 21st, 2009 at 9:03 PM
OK. I have Ajaxify working with MVC in asp.net for paging through database material. Well, almost there.
My missing element is how to pass the ajax page number in to my paging code. For non-ajax requests the page number is passed in via the url, as in http://www.somesite.com/1 where 1 is the page number; subsequent clicks on next would use /2 etc.
So, if the page initially loads at page 1, all subsequent clicks via ajax would also be to page 1. Do I need a separate ajax pager or is there a way to bypass the url page number and pass the ajax page number to my pager via Ajaxify.
The non-Ajax paging can be seen at the following link:
http://www.gooutdoors.com/Firearms/Images/1
March 22nd, 2009 at 2:28 AM
ScottS
can you be more specific about your question.
naw
Sorry but I really can’t understand your question.
JoeReynolds
as I can see. the
<a>tag has already the url to the page. so just make your selector that way $(‘#top a’).ajaxify…And when u post a code wrap it with the appropriate code tag from submission form toolbar.
March 22nd, 2009 at 4:05 AM
Hi. Great plugin. I’ve got it working perfectly. However, when I try to *also* use a jquery accordion plugin (this one: http://www.i-marco.nl/weblog/archive/2007/11/25/jquery_accordion_menu ), it no longer works. For example:
The following code works fine:
Members
Joe Blow
John Doe
However, if I replace the FIRST UL with this:
So that the accordion plugin works, the links will instead load the actual pages (johnbio.html, etc) into the browser, rather than dynamically loading just the content into the target div.
Any ideas what the conflict is and how to resolve it?
Thanks.
March 22nd, 2009 at 5:44 PM
Hi Max. I’ve done some code changes and here’s what my results are now. The page loads the first time and I click on Next to move to the next page and it is an ajaxify link and loads the next page (2) as expected in the target container.
I then click Next again and a new browser instance opens on page 3. In the new browser instance every other click on Next link is an ajaxify call. I’m at a loss as to why.
I have following in the head area of my master page:
The paging links all contain class = ajaxify and target = #AjaxContent, as can be seen by viewing the source after the page loads. The code for creating the paging links is within the target DIV.
Here’s the link to the page to see what is happening:
http://www.gooutdoors.com/Firearms/Images/1
March 22nd, 2009 at 8:56 PM
Tony
It shouldn’t conflict. most probably you are doing something wrong. Your code has been stripped out because you haven’t used a code tag. repost your code or a live test page.
JoeReynolds
wrap ajaxify with livequery.
March 22nd, 2009 at 11:53 PM
Max, I apologize for not understanding your advice. Below is my script code. Where and how would I implement livequery in that?
$(document).ready(function() { $('.ajaxify').ajaxify(); });March 23rd, 2009 at 12:10 AM
Don’t worry.
There is an example in the demo page about using ajaxify with livequery.
upload livequery.js file and include it in the head of your document then edit your ajaxify call to this:
$('.ajaxify').livequery(function() { $(this).ajaxify(); });March 23rd, 2009 at 3:52 AM
Thank you Max. That did it.