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

  1. Open jquery.ajaxify.js with your preferred editor.
  2. Go to line 58. You will see var ver = jQuery.fn.jquery.split(‘.’);
  3. 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;
}
  4. 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

  1. Kenneth
    July 6th, 2009 at 4:28 PM

    MaX doesn’t seem to be around or monitoring this page. So, has anyone else had any experience in using this plugin with Wordpress? I can make this work in a conventional website, but cannot in Wordpress. Any suggestions?

  2. Rob van Meeuwen
    July 7th, 2009 at 11:25 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:

    > Home
    -> About us
    -> Development
    -> Projects
    -> Contact

    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. 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?
    It doesn’t work in IE, FireFox and also Chrome. In Chrome I can clearly see that AJAX is not working at all.

    O yes, the main.master is like this:

    <body>
	<...>
	<div id="Container">
		<asp:ContentPlaceHolder ID="MasterTemplateContentPlaceHolder" runat="server"></asp:ContentPlaceHolder>
	</div>
	<...>
</body>

    All the aspx files will open inside the contentplaceholder. This contentplaceholder will get id “Content”. That’s what I put in the target label (I tried also container, but doesn’t work properly either).
    After rendering a page on the normal way, the id’s are as follows:

    <body>
	<...>
	<div id="Container">
		<div id="Content">
			<div id="ContentContainer">
				<...>
			</div>
		</div>
	</div>
	<...>
</body>

    Hope you can help me out of this?

    Many thanks in advance.

  3. flagg
    July 13th, 2009 at 10:16 AM

    To work with forms I use this:

    $('#form').livequery(function(){
        var linkVal = $(this).attr('action');
        $(this).ajaxify({
            event:'submit',
	link:linkVal,
	forms:'#form',
	method:'POST',
        });
});

    Now, I try to work with two forms within one subpage. Is it possible to do this and how does it work?

  4. jhw
    July 13th, 2009 at 6:46 PM

    multiple forms could be done like this:

    $('#form1, #form2, #form3').livequery(function(){
  		$(this).ajaxify({
  		        target: '#container',
    		        event:'submit',
    		        link: $(this).attr('action'),
    		        method:'POST',
			forms: '#' + $(this).attr('id')
  		});
	});

  5. flagg
    July 14th, 2009 at 11:41 AM

    Hi jhw,
    I tried this:

    $('#form, #form2').livequery(function(){
		var linkVal = $(this).attr('action');
		$(this).ajaxify({
	        event:'submit',
	        link:linkVal,
	        method:'POST',
	        forms: '#' + $(this).attr('id')
        });
	});

    But the second form within my subpage opens a new tab.

  6. jhw
    July 14th, 2009 at 1:09 PM

    flagg-

    Unfortunately my comment is that it works for me, with currently 5 forms. Assuming that ajaxify is working on at least one form and other links, I usually know when a new browser tab is opened that my id is not getting tagged. So maybe you can make sure of that by putting an alert($(this).attr(‘id’)); under your linkVal declaration to make sure it is getting tagged and maybe also alert the linkVal.

  7. flagg
    July 14th, 2009 at 1:23 PM

    Thanx for your efforts, I`ve fixed the problem. :-)

  8. Mike
    July 21st, 2009 at 6:17 PM

    Hello,

    I am using ajaxify to load content with the URL http://localhost/site/?portfolio/projects.html

    …but only the root content (http://localhost/hmc/) is loaded.

    I’m assuming there is some rewriting of the ? character. Do you know where, or how I could fix this please?

  9. DirkO
    July 23rd, 2009 at 10:29 PM

    Ajaxify ajaxified content?
    Im trying to load a paginated list into a div. To have the pagination working I added class=”ajaxify” to each pagination link but that’s not working. These Links are not processed by ajaxify. In my mein file index.php I wrote the code:

    $(document).ready(function(){
$('.ajaxify').ajaxify();
});

    And the link to load the first list, together with the pagination are working properly.
    <a class="ajaxify" href="search_result.php?term=test&amp;area=200&amp;theme=groups" target="#display">19 Groups</a>
    But the loaded ajaxified links don’t work with ajaxify.
    <a class="ajaxify" href="search_result.php?term=test&amp;area=200&amp;theme=groups&amp;start=10" target="#display">page 2</a>
    What ist the problem and what it’s solution?

  10. jhw3
    July 23rd, 2009 at 10:42 PM

    Dirko—

    When your 2nd page is loaded the links are not tagged….look at the livequery examples. These create listeners/bindings that will always check for new stuff loaded (in your case the 2nd page) and will ajaxify those links as loaded.

  11. DirkO
    July 24th, 2009 at 2:21 PM

    Thanks, that was exactly the missing info!

  12. louisk
    July 25th, 2009 at 4:20 PM

    Great script!!! This makes me happy after all the other methods breaking in Safari.

    A question. How can I have a code automatically fire upon page after page load.
    I want a light weight website with no content, then when the page is loaded, it starts loading in the content, with fading spinner image?

    I can get it to work fine with a link but not automatically.

  13. Savas
    July 26th, 2009 at 11:18 AM

    Hi,

    ajaxify is beautiful, but I am having problems with nun-unicode characters. the following characters get messed up as soon as paging starts:

    ??öç??

    Does anyone know a way to fix this?

  14. Travis
    July 26th, 2009 at 4:20 PM

    Savas – I was having similar issues.

    Make sure your target page (as in the page with your target container) and your content page (eg. content.php) are BOTH UTF-8/whatever the appropriate encoding is for the chars you are using.

  15. Savas
    July 26th, 2009 at 4:25 PM

    Thanks Travis. I am using Classic ASP. my both pages have same encoding. The problem only happens in crappy IE 8. other browsers are fine.

    I fixed it with replacing turkish characters with ascii codes on the server side. that solved it but I am not happy with it.

  16. Laurent
    July 29th, 2009 at 3:38 PM

    Hi, thanks for this great plugin :)

    I have a problem when I want to get my server page response.

    For exemple, I want to fade a div if the response is “valid subscription’ but if the response is ‘wrong name’ or others i just want to display my error in the “target” div.

    I post your my function code. Hope you can help me !

    $('#form_artiste').ajaxify({
        event:'submit',
        link:'inc/ajax/aj_inscription.php',
        forms:'#form_artiste',
        target:'#temp',
		loading_img:'images/indicator.gif',
        method:'POST',
        onComplete:function(o,data){
        if(data == 'valid subscription'){
		$('#result').fadeOut('slow');
	}
		
		}

    So I display the response in temp div, (‘valid subscription’ or error) and if the response is ‘valid subscription’ I want to fade my result div (contains the form).

    if(data==’valid subscription’) is not a good synthax for that. How to get the html server page response like this ?

    Thank you in advance,

    Best,

    Laurent.

  17. nicmare
    July 31st, 2009 at 9:52 AM

    awesome script!
    the only thing i need is a default loading function on startup!
    how can i achieve this? i browsed the other comments pages but did not find anything that belongs to that issue.
    simply want to load a external page when i open my website.
    cant find that in the docs!

  18. nicmare
    July 31st, 2009 at 10:18 AM

    awesome once again!
    i found it out on my self, nice script, was easly to realize:
    $(this).ajaxify({
    target: ‘#container’,
    link: ‘yourfile.html’
    });

  19. nicmare
    July 31st, 2009 at 10:31 AM

    more detailed:
    jQuery(document).ready(function($){
    $(this).ajaxify({
    event: false, //important
    target: ‘#container’,
    link: ‘yourfile.html’
    });
    });

  20. flagg
    July 31st, 2009 at 1:17 PM

    I’ve tried to call ajaxify URLs like this:

    <a href="'#mainContainer'})" rel="nofollow">Link</a>

    It doesn’t work, within the function the Opera Browser Error Console throws following message:

    Error:
    name: TypeError
    message: Statement on line 240: Type mismatch (usually non-object value supplied where object required)

    Any idea?

Pages: « 1 … 11 12 13 14 15 16 17 18 [19] 20 21 » Show All

«
»