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 … 11 12 13 14 15 [16] 17 18 19 20 21 » Show All

JoeReynolds
April 5th, 2009 at 4:31 AM
Thanks Max and sorry for the validation errors on the page. You can check the page now. It validates as “Passed” on WC3 — no errors, no warnings.

Page is at:

http://www.gooutdoors.com/Fishing/Images/1

bobsoap
April 5th, 2009 at 8:39 AM
Thanks Max, sounds good. I’d love to help you – shoot me an email if there is anything I can do.

Asinox
April 6th, 2009 at 12:12 AM
Thanks Max, the problem was the jquery version.

now is fine, but i hav a litter question…. why if i load a pages in #container, and i try to load another page clicking in the link with the page that i loaded …dont work…

thanks u

Asinox
April 6th, 2009 at 3:16 AM
ok, im fixed with the livequery.

Thanks

Asinox
April 6th, 2009 at 4:24 AM
the example of Registration form…

how is the data send???
im trying to update my records and nothing happen, and i cant see where is the referent to the input field with the data for send.

thanks

Asinox
April 6th, 2009 at 5:15 AM
ok..in sending data…. but how i get a variable from the server for this case:

if(data==’accepted’)….

how??

Asinox
April 6th, 2009 at 5:19 AM
ok… i did it …

Asinox
April 6th, 2009 at 5:22 AM
im…asking more jejeej , sorry…

ajaxify dont work with uploading file?

Thanks

Magnus
April 7th, 2009 at 5:35 PM
page jump when link is clicked – not getting ‘return false’ to work – where is it supposed to be?

using history with hash:rel

MaX
April 10th, 2009 at 8:43 PM

Tony,
I can see that your accordion plugin returns false after any action. This obviously prevent the browser from executing any other binded functions. try removing the return false statements from your plugin as quick fix.

JoeReynolds
ok, we will do it in another way. as your server output is different than expected.
Try using the following:

$(document).ready(function() {
    $('.ajaxify').livequery(function() {
        $(this).ajaxify({
            target: '#AjaxContent',
            loading_img: '/SiteImages/ajax-loader1.gif',
            loading_target: '#AjaxContent',
            loadHash: 'attr:rel',
			onComplete(function(){
			$('#rightAdCode').html('<script type="text/javascript">//your google code for the right side goes here</script>');
			$('#topAdCode').html('<script type="text/javascript">//your google code for the top side goes here</script>');
			})
        });
         window.scrollTo(0, 0);
        });
});

Asinox
I have answered this before. ajaxify uses the built in jquery function serialize. personally I dont know whether this function can upload files or not.

Magnus
can you be more specific.

slackjaw47
April 16th, 2009 at 4:19 AM
I have used ajaxify to submit form information and replace the form with the results of the form. I was able to do this successfully. I then tried to add the multi-tagtoLoad capability. This doesn’t seem to work at all. It makes safari crash and in Firefox after submit, the page is white. However if I “View Source” the source seems to be there. So basically, will the multi-tagtoLoad feature work with the forms submit feature?

MaX
April 19th, 2009 at 1:33 AM
Yes it does work. Post your code.

Marcio Sfalsin
April 20th, 2009 at 12:06 AM
Help me please. I’m using Zend Framework and trying to use Ajaxify in my application, but it’s giving me error and I have no idea what is happening. Someome help me please. I have some forms and lists maded in ZF, and I wolud like to load it into a div (for example) but when i try to load it by Ajaxify (using a simple sample) I had the message “Error: Couldn’t open the page.” I think it is something about php header (XML or JSON) but I can’t to discover. I tested to copy all html of form or list result and saves in a simple file (test_form_result.html) and it woks, but if I call the dynamic version a receive the message “Error: Couldn’t open the page.”. See below…
```
 <a href="http://localhost/sginet2/admin/usuario&quot; rel="nofollow">carrega formulario</a>    $('.ajaxify').ajaxify({target: 'container'});  
```
Help me.

Kiesel
April 22nd, 2009 at 6:24 PM

Hi. Thanks for your great work! Ajaxify is just awesome. You should put a PayPal Donation button on your page

I have the same problem as slackjaw47. A submit form works fine. But when I place the form in a Zone that is loaded trough ajax and put the code in a livequery function… nothing goes anymore.

Any help would be appreciated

JS is like this (3rd block is for the form):

<script type='text/javascript'>
$('.ajaxify').livequery(function(){   
              $(this).ajaxify({
                 target: '#zone_center',
                 loading_img:'loading.gif',
                 loading_target:'#zone_right'
              });

              $('.ajaxify').ajaxify({
                 target:false, //this option will be ignored by default when tagToload is multiple, you just dont need it
                 tagToload:{
                   '#zone_status_content':'#zone_status',
                   '#zone_right_content':'#zone_right'
                 },
                 loading_target:'#zone_loading'
              });
  
             $('.ajax_form').ajaxify({
                 target:'#zone_center',
                 link:'galleria.php?admin=1&galleria_sub_step=900&ajax=true',
                 method:'POST',
                 forms:'#galleria_new_gallery',
                 animateIn:{'height':'210px'},
                 title:'Data sent'
              });

            

});
</script>

And the Form Code itself looks like this:

<form action="" method="post" id="galleria_new_gallery">
      <textarea cols="20" name="textarea" rows="10">Text Here</textarea>
    
      <a href="" class="ajax_form">Send data</a>
    </form>

The form code is loaded dynamically trough ajax in a container called “zone_center”. First on the original page a link loads in this center zone trough ajax a list of galleries. Then by choosing a gallery, the center zone gets cleared and this form appears. And it just isn’t working, whatever I try.

Any help or ideas? Thank you!

Kiesel
April 22nd, 2009 at 6:29 PM
just wanted to add, that the form “loads” correctly. I can see it and everything works. But by “sending” the form trough clicking the link “Send data” it does not work. The link acts like a normal link with no href=” target.

That is what I meant with “nothing goes anymore”

Dan
April 24th, 2009 at 5:45 AM
Awesome plugin for jquery.. I was just wondering though.. I have several code snipets saved in one js file. But sometimes I dont use the code on every page.. and it gives me this error:

$(“#go”).ajaxify is not a function

I know that happens because I don’t have the ID “go” on that page.. is there any way to avoid that? I don’t want to have to write code for each page. I just rather include one .js file for all.

Kiesel
April 24th, 2009 at 1:38 PM
Solved my problem. I had to wrap the loading of ajax_form in an own livequery call with the same name (ajax_form)

MaX
April 25th, 2009 at 11:22 AM
Marcio Sfalsin
You can always use a diagnostic software like fire bug to see the url requested and and the headers received by the browser.

Dan

I know that happens because I don’t have the ID “go” on that page.. is there any way to avoid that?

This is not your problem. Your problem is that the file ajaxify.js hasn’t been loaded yet when you called the ajaxify function.

I don’t want to have to write code for each page. I just rather include one .js file for all.

You dont have to. just include your jQuery lib first. then ajaxify plugin then your snippest code file. most probably that u need to wrap the functions in your snippest file with $(document).ready