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 … 4 5 6 7 8 [9] 10 11 12 13 14 … 21 » Show All

Dan
February 8th, 2009 at 3:55 AM
>Have you omitted the lines I told you about it before?

Yes I have omitted the four lines. I consistently cannot get my simple example to work when I use jQuery 1.3.1 – I have to fall back to 1.2.6 and then it works great.

I have other requirements that need to use jQuery 1.3.1 so if there is no fix in the works I am going to have to pass on ajaxian for one project as I can code this in other ways.

I think everyone would appreciate it if someone could isolate what the problem is because I would prefer to use ajaxian with 1.3.1

Thanks for your help and developing this library

Andreas
February 8th, 2009 at 10:20 AM
Thank you for an excellent script! I have a problem though..

The following code works fine:
$(‘.ajaxify’).ajaxify({
loading_img: ‘img/interface/loading.gif’,
loading_txt: ‘Saving…’,
target: ‘#Status’,
forms:’#Settings_Form’
});

But when I add method: ‘POST’ it stops working and gives me the error ” Couldn’t open the page.”

This is the code that’s not working

$(‘.ajaxify’).ajaxify({
loading_img: ‘img/interface/loading.gif’,
loading_txt: ‘Saving…’,
target: ‘#Status’,
forms:’#Settings_Form’,
method:’POST’
});

Any ideas? Thanks!

Dan
February 9th, 2009 at 5:53 PM
Is there any plan of getting ajaxify working with jQuery 1.3.1?

Or is there disagreement on whether or not is does work with 1.3.1?

Either way I would like to get this resolved and would appreciate any input on what other people’s experience is or where the likely problem might be. I would be willing to put some time into this myself but I would be looking at the code for the first time. Certainly there must be a way to zero in on what changed from 1.2.6 to 1.3.1 so we can get a fix among the many user of this plugin.

Thanks

Evol
February 10th, 2009 at 12:35 PM

Hey Max ,

Great plugin !!

I seem to be having a small problem with (yahoo widget ) getting the page to load without the anchor being clicked . I followed the example but i still can’t get it to fire onloading the page please help. (tried it wrapped in livequery and without livequery )

ajaxify

$('.ajaxifythumbs').livequery(function(){
$(this).ajaxify({
target:'#gallery',
loading_txt:'Loading thumbnails...',
loading_img:'images/loaders/ajax-loader2.gif',
loading_target:'#messages',
loading_fn:function(){}
});
});

HTML

<ul>
<li id="viewall">
<a class="ajaxifythumbs" href="includes/functions/getthumbs.php?action=gt"><img src="images/navigation/searchnavigation/home.png" title="View all" alt="View all" /></a>
<a class="{event:false}" href="includes/functions/getthumbs.php?action=gt"></a>
</li>
</ul>

Evol
February 10th, 2009 at 12:38 PM

Hey Max ,

Great plugin !!

ajaxify

$('.ajaxifythumbs').livequery(function(){
$(this).ajaxify({
target:'#gallery',
loading_txt:'Loading thumbnails...',
loading_img:'images/loaders/ajax-loader2.gif',
loading_target:'#messages',
loading_fn:function(){}
});
});

HTML

<ul>
<li id="viewall">
<a class="ajaxifythumbs" href="includes/functions/getthumbs.php?action=gt"><img src="images/navigation/searchnavigation/home.png" title="View all" alt="View all" /></a>
<a class="{event:false}" href="includes/functions/getthumbs.php?action=gt"></a>
</li>
</ul>

Alfonso
February 11th, 2009 at 7:21 PM
I’m trying to load a remote page (test.php) and it has javascript functions that embed an swf using
swf plugin.
The problem is that it only loads html content and doesn’t execute any javascript function.

Any ideas?

Thanks

MaX
February 12th, 2009 at 3:48 AM
To everybody. The upgrading steps to jquery 1.3.1 has been explained in this post.

jannis
Look at yahoo widget example how I added the class selected to the clicked tab in onStart function.

Dan
Nobody have issues with 1.3.1 after making the fix but you.
I’m still unable to determine what the problem could be with the information you gave. post your code along with the html. may be I can produce the same problem you have.

Andreas
nop, I have no idea. the get and post methods are controlled by jquery. ajaxify option ‘method’ just passes the method to $.ajax. post your code anyway.

Evol
Have you specified the event to false to the first tab?
have you included metadata plugin to your page?
And BTW the loading_fn:function(){} used to cancel the loading function in my demo. I don’t think you need it since you have specified the other loading options.

Alfonso
if it was in the head tag, your files will not be included. try to include you js file in the main page. if still not working add your js function inside ajaxify onSuccess function.

And sorry everybody for my late reply.

Jerry2
February 12th, 2009 at 6:40 PM
Hi there

I saw Ajaxify today and I though it is great. Just what I need. I am new to it but there seems to be lack of documentation and examples, only 2 examples without tutorial. I don’t want to moan, I just explained why I would like to ask you some questions if you are so kind to answer. I see you refer to see the examples but I can not find other than two. Are there others?

1. I have a table in a div I’d like to change with Ajaxify. I have a pagination bar for controlling pages. My question is: I made the pagination bar work and the hash on the top of the page change to reflect my click, but is there any way to change my pagination bar (it’s a list menu) a link so I can mark on which page user is. I use class=”current” to change link and before using ajaxify I pulled the offset value from querystring and set this class using ASP server side on reload. Now if I use your script, how do I change a class to “current”?

2. Is it possible that using history and hash when bookmarked or using reload the same page would be loaded? Example: if I set #offset40 as my pagination offset for link 4 entering this into browser would not load first 10 records but jump to page 4? From the Readme I suspect this would have to work as history but on reload I only get page 1, perhaps I have to set something to translate the hash to server offset?

3. In the table itself I use sorting by clicking on the column title, is this something that is possible with Ajaxified? Because the table header TH is inside the DIV which get’s reloaded, and I think you can not reload itself, am I right?

4. I would kill to get this working, I was put off some other script by this problem. I use now some kind of anchor jumping to item 1-10 on the page for visitors. I saw on this forum you instructed to scroll(0,0) when one programmer wanted jump to top of the page. So I know how to jump to top, but how to jump to anchor point inside the realoaded div. Seems you can not, at least with other extensions I couldn’t.

Sorry for this “advanced” questions. Well, not advanced but hard to answer perhaps.

Yours

Jerry

Jerry2
February 12th, 2009 at 7:03 PM
I have found the demos sorry. I still unfortunately can not help my self in my problems. Bookmarks should work but I can get it to work.

Is there a way that I prevent clicks on the pagination bar before all the page is loaded? If I click on the pagination bar the Ajaxify doesn’t fire and I jump to my hre page with no styles.

mment
February 13th, 2009 at 3:10 PM
Hey Max!
First of all, thanks for this great Plugin!
But I have a littel problem with it, more precisely I’m probably to stupid for it!

I use sweetcron for my lifestream (www.mment.at/lifestream) and its automaticly an item to eg. http://www.mment.at/lifestream/items/view/1! The bad thing is that it always loads in a new page, and I don’t know how to get rid of it! Hopfully you know what I mean!

thanks

Dan
February 13th, 2009 at 4:09 PM

This is my code. It still does not work in either FireFox 3.0.6 in Safe mode or IE 7.06 and always opens in a new tab. I have tried numerous fixes but I must obviously be missing something.

File: test.html
<html>
 <head>
  <script src="jquery-1.3.1.js" type="text/javascript">
  <!-- <script src="jquery-1.2.6.js" type="text/javascript"></script> -->
  <script src="jquery.ajaxify.js" type="text/javascript"></script>
  <script type="text/javascript">
   $(document).ready(function() { 
     $('.ajaxify').ajaxify();
   });
  </script>
 </head>
 <body>
  <a href="foo.html" class="ajaxify" target="#container">Click here</a>
  <div id="container"></div>
 </body>
</html>

File:foo.html

<html>
 <body>
  <h1>bar</h1>
 </body>
</html>

File: jquery.ajaxify.js
//	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;
//	}

Dan
February 13th, 2009 at 4:18 PM
What I think might help everyone is to have examples that are can be downloaded and totally self contained along with patched version of ajaxify. I can’t tell you how much difficulty I have had trying to get this working when I have done much more complicated stuff with jQuery. Perhaps I am getting careless due to the amount of time I have invested in this but I would really like to get this working so I appreciate any help you can offer.

Dan
February 13th, 2009 at 5:31 PM
Same thing happens (opens in new tabs) on hosted files:

/w jQuery 1.3.1
http://netelier.com/files/ajaxify/test.html

/w jQuery 1.2.6
http://netelier.com/files/ajaxify/test_1_2_6.html

What am I doing wrong? Please help. Thanks in advance!

MaX
February 13th, 2009 at 7:13 PM
Jerry2
I need to see your code, post a link if u have a live page or post your code.
And what do you still have of questions after finding my demo page.
And about prevent clicks before document gets ready, you can use live query instead of .ready() this will let ajaxify start functioning before the document gets ready.

mment
I can see that you have edit ajaxify source code by replacing “false” to “ture” in username option. you have miss spelled true besides you have to enter the username name not true or false. if you are trying to make some authentication to enter some private areas. this is absolutely a bad step. since everybody can see the username and password.

Dan
I can’t run both of your links. I don’t know if I can consider this as a good sign or not. However I have found in one your pages that JQuery 1.2.6 is missing. and you have wrong quotation around .ajaxify selector. rewrite them with your keyboard and don’t copy – paste.

Dan
February 13th, 2009 at 9:39 PM
It was a bad quote character and Friday the 13th.

I can’t believe this was the culprit as I wasted hours exploring just about every other possibility. It also explains why I occasionally had partial success as I was cannibalizing scrapes of code from the web and various computers I worked on during this problem.

Thanks and have a great weekend!!!!!!!!!!!!!!!!!!!

http://www.netelier.com/files/ajaxify/test_1_3_1.html
http://www.netelier.com/files/ajaxify/test_1_2_6.html

MaX
February 14th, 2009 at 12:11 AM
So it was a good sign ha.
Well, I have to admit. I feel relief now because my little baby still working with 1.3.1. And I don’t have to debug through any new problems again.
Happy weekend.

mment
February 14th, 2009 at 9:55 PM
Hey, its me again!
Thanks for your fast answer, but that was only a test (with the username!)

Something doesnt work! Firebug say: Access to restricted URI denied” code: “1012!
How could i get rid of it? Thanks

MaX
February 14th, 2009 at 10:21 PM
It seems you are trying to get contents from outside of your domain. ajax works within your domain only.

Dylan
February 16th, 2009 at 7:44 AM

Hi, Thanks For The Great Plugin.

Just wondering if there there is a simple way to re initiate ajaxify so that I can use it from a current ajax frame. I am trying to integrate it with jquery pagination plugin which is also ajax based but as you already know it must be recalled first to work.

I experienced a similar situation with thickbox but it was easily resolved by placing tb_init('a.thickbox'); along with the pagination call below.

I have tried everything I can think of but am pretty much stuck. Any help would be appreciated. Thanks in advance.

<script type="text/javascript">
            function pageselectCallback(page_index, jq){
                var new_content = $('#hiddenresult div.result:eq('+page_index+')').clone();
                $('#Searchresult').empty().append(new_content);
                tb_init('a.thickbox');
                return false;    

                }

            function initPagination() {
                var num_entries = $('#hiddenresult div.result').length;
                // Create pagination element
                $("#Pagination").pagination(num_entries, {
                    num_edge_entries: 2,
                    num_display_entries: 8,
                    callback: pageselectCallback,
                    items_per_page:1
                });
             }

            $(document).ready(function(){
            $('#hiddenresult').load('snippet.html', null, initPagination);

            });

MaX
February 16th, 2009 at 12:18 PM
You are welcome Dylan,

To fire ajaxify instantly, you need to set the option event to false. in that way ajaxify will fire once you call it.

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

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:

Feature requests:

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?.

415 Responses to “Ajaxify – Support v2.0”

Polls

Recent Posts

Categories

Recent Comments

Tag Cloud