Ajaxify – Support v2.0

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

You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.

415 Responses to “Ajaxify – Support v2.0”

Pages: « 1 … 6 7 8 9 10 [11] 12 13 14 15 16 … 21 » Show All

Anirudh
February 28th, 2009 at 1:49 AM
Thanx for the quick reply Max!

And for the OnStart event well I’ve tried even that, but doesnt seem to work. Anyways what I found in the jQuery validate plugin:
```
// validate the form on submit
this.submit( function( event ) {
//code for validation
}
```
So, its all clear to me now that this plugin validates only if the form is submitted with a Submit button if I am not wrong. But can I use the event of OnStart from Ajaxify here somehow and tell it to abort the post.

MaX
February 28th, 2009 at 2:15 AM
I have just checked that plugin. there is an option called “submitHandler” you can put your ajaxify code inside it after changing:
1- ajaxify event to false.
2- ajaxify selector to the form not the “a” tag.

this way you will use the submit button to send the form data.

Svetoslav Mitev
February 28th, 2009 at 1:31 PM
Hi! I am still fascinated by the Ajaxify plug-in. Ans I am deeply grateful for what it did for my website (its dual architecture and SEO Links).

For my case I used PHP/MySQL driven application in combination with mod_rewrite, so a link of type: http://www.somehost.com/this-is-the-category.html to be redirected to http://www.somehost.com/content.php?cat=this-is-the-category.

So far so good! Ajaxify loaded my content in the container, even when additional scripts like DataTables were to be executed. But IE7 stopped me for a while. On a PC with Windows XP and Regional Settings where the Non-Unicode language was not Bulgarian, IE7 did not pass the request as it should be. Only IE7 malformed this. My links like http://www.somehost.com/????????-????????-??????.html were not redirected by the .htaccess and Ajaxify displayed Error: page not found.

The solution: I used encodeURI() function in the Ajaxify’s code. And in the PHP script I decoded the urlencoded GET variable. Guess now! Everything worked like a charm!

MaX, thank you thousand times!

mrme
February 28th, 2009 at 2:04 PM
Hello,

Couldyou help me with the following:

I use the ui-tabs plugin also know as tabs 3.0. Yes, I’ve seen you script of Yahoo but I preffer to use this one.

On the first page I have a tabs container with ajax links.

Something like this in the head:
```
$(document).ready(function(){
$("#info &gt; ul").tabs();
$("#moduleslide &gt; ul").tabs();
})
```
And this in the source:
```
<a href="lastnews.html" rel="nofollow">Recent news</a>
<a href="lastitem1.html" rel="nofollow">Recent Item1</a>
<a href="lastitem2.html" rel="nofollow">Recent Item2</a>
<a href="lastitem3.html" rel="nofollow">Recent Item3</a>
```
Now on the second tab I have an new page which is loaded by ajax (lastitem1.html). On this page is a new div (container_lastitem1) and a link which I want to ajaxify. The content it fetches has to be loaded in container_lastitem1. I’m pretty much stuck with this…

Thnks

alibaba
February 28th, 2009 at 3:37 PM
Does not work with jquery-1.3.2

Jim
February 28th, 2009 at 4:33 PM
Hi, first of all great plugin!

I’m trying to replicate the Yahoo widget as shown in the plugin page, essentially copying and pasting the code to see how it works. However when I click on the “ajaxified” link it replaces all of the page content dynamically including the link itself. i.e. the external html file is not being injected into the target div.

Am I missing something in the example?

Any help would be greatly appreciated! Thanks

MaX
March 1st, 2009 at 12:07 AM
Svetoslav Mitev
Thank you. if ajaxify was disabled, do you get ? marks too instead of the url real chars? I just want to decide whether its a good idea to let ajaxify handle this problem by it self or it doesn’t worth.

mrme
Your html code has been stripped out because you didn’t wrap it with any code tag.

Yes, I’ve seen you script of Yahoo but I preffer to use this one.

They are totally different. there is nothing common between them. tabs plugin (as I saw) just switch the visibility of different Li’s where all are loaded in the same page.in my example, Li’s have been arranged horizontally by css to looks like tabs and the result div is beneath them. thats all.
I don’t know even how you tried to combine between tabs and ajaxify. it just doesn’t make any sense.

alibaba
Is that a question or what? if not what error msgs do you get.

Jim
You must be doing something wrong. post your code or a link to a test page.

mrme
March 1st, 2009 at 7:40 PM
Seems to me indeed it doesn’t work with 1.3.2
The livequery is also replaced with the own function live within jquery from 1.3.

Some updating required?

Remi
March 3rd, 2009 at 10:37 PM
Hello,

I want to do the same thing : http://maxblog.me/ajaxify/example.php?action=smodal can you tell me what js and css plugin i have to use ?

Best regards.

Svetoslav Mitev
March 3rd, 2009 at 10:41 PM
if ajaxify was disabled, do you get ? marks too instead of the url real chars? I just want to decide whether its a good idea to let ajaxify handle this problem by it self or it doesn’t worth.

No, I do not get ? marks. It doesn’t worth really. It was a specific cyrillic problem and only in IE7 when specific configuration was present. UTF-8 can be tricky sometimes.

Kenneth
March 4th, 2009 at 8:48 AM
First of all, this has to be my favorite Jquery plugin. Awesome job. My question, is there anyway to add the Jquery Easing plugin animations or the JqueryUI animations like Clip or Blind to a page transition. I am not that great at programing. If I have a little help I can get it, but I glean most everything from examples. So, can you help me out?

MaX
March 5th, 2009 at 5:25 AM
mrme
I will look at it later.

Remi
The plugin name is Simple Modal. You can find it here: http://www.ericmmartin.com/projects/simplemodal/

Svetoslav Mitev
Thank you

Kenneth
Will you have to edit the source code by replacing every animate function with your animation plugin function. you can find them around lines: 249, 286, 293

Kenneth
March 5th, 2009 at 6:24 PM
Thanks for your reply MaX. Let me ask is it possible to add the animation functions to the init script? In other words, like this (using JqueryUI animation “clip”):?
```
onStart:function(options){
    $(this).hide("clip",{direction:"horizontal"},1000);
}
onComplete:function(options){
    $(this).show("clip",{direction:"horizontal"},1000);
}
```
Thoughts?

Thanks,
Kenneth

MaX
March 6th, 2009 at 11:36 AM
Yes, absolutely you can do it. you just need to change this to options.object

Florian
March 6th, 2009 at 12:12 PM
If you want to set the title of your document within the ajaxified anchor you can modify the jquery.ajaxify.js like this:

1. Open jquery.ajaxify.js with your preferred editor.
2. Go to line 114.
3. Add the following code:
```
                 if(jQuery(this).attr('title')){
                        var title = jQuery(this).attr('title');
                        current.title = title || current.title;
                }else
                        current.title;
```
4. Set the title attribute in your ajaxified anchor like:
```
<a href="content.html" title="Ta ta!" rel="nofollow">Load Content</a>
```
Maybe this is a dirty hack and should be “cleaned up”…

Thibault
March 6th, 2009 at 1:32 PM
Hi I have a problem using your plugin on this page.

http://ashleighffinch.com/effect/

If you click on work and on the first link “The Natural Object” the link open the page but doesn’t open it in my targeted div.

Can you have a look I tried different way but doesn’t seams to work

Thanks

mrme
March 6th, 2009 at 4:31 PM
Hello,

You have an idea about when you’re gonna look into this? Really like it and would love to use it with Jquery 1.3

Florian
March 6th, 2009 at 5:04 PM
@mrme: Please look at the top of this page. The comment “How to make ajaxify compatible with jquery v1.3.1.”
You have to uncomment lines 58 – 62 in jquery.ajaxify.js.

That solved the problem for me….

mrme
March 7th, 2009 at 11:47 AM
@ Florian : I deleted these lines so removed the version check… still doesn’t work… the page gets loaded as a normal html and not inside a div

jk
March 8th, 2009 at 1:18 PM
is it possible to load external pages into the div container? if so how to do it as i have tried to load an external page in a div but it always loads in a seperate window.
Thanks for you help.