Ajaxify – Support v2.0
Friday, December 12th, 2008 | Author:

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
    May 28th, 2009 at 7:24 PM

    Whenever I load a page that has .png files that have transparency, and I use the FadeOut/FadeIn transition on Ajaxify, the PNGs loose thier transparency and become solid.

    The only way I have found to fix it is to use the height transition instead of the fade. I would prefer the fade method… is there anyway to fix this issue?

  2. Kenneth
    May 29th, 2009 at 1:58 AM

    In the above post… I meant when I use the option:

    animateOut:{opacity:'0'},
       animateIn:{opacity:'1'},

    Any png in the loaded page becomes solid… even if the png was transparent. Any help?

  3. Nick Nielsen
    June 10th, 2009 at 4:32 PM

    This plugin seems to be what I am looking for, thanks for the work !

    I am a complete neophyte with .js and jquery and I am trying to install ajaxify into the basic Kubrick WPress theme (sort of gradually building toward my own recipe).

    Where do I put #container div ? Firebugging your site makes me think it must be at the end of header.php and the beginning of footer.php – am I right?

    At the moment I have ajaxify pointing at the #content div and I get a cascading effect as the different elements load – what I’d like is for the content to load and then show, is this possible, and how ?

  4. Nick Nielsen
    June 12th, 2009 at 10:19 AM

    I now realise that it is not working… clicking on links opens a new tab which I discover reading here means something is wrong…

    This is the code I have in my header

    <script language="JavaScript" type="text/javascript" source"http://kainielsen.web44.net/wp-content/themes/kainielsen/javascript/jquery.livequery.pack.js">
</script>
<script language="JavaScript" type="text/javascript" source"http://kainielsen.web44.net/wp-content/themes/kainielsen/javascript/jquery.ajaxify.js">
</script>

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">

    // Load jQuery
    google.load("jquery", "1.3.2");

    google.setOnLoadCallback(function() {
        // Your code goes here.
			$(document).ready(function() {
    		$('.ajaxify').livequery(function() {
					$(this).ajaxify();
				});
    	});
    });
       
</script> -->

    For the moment I have turned it off on the site (the few visitors I have don’t need multiple tabs opening on the same site !)

    I want this to work as I don’t want to mix systems (I’ve got a few snippets of jQuery of my own I want to deploy in time)

    Supplementary question :
    Being as this is about WordPress, and you are in WordPress, what do I do about the sidebar widget things ?

  5. Nick Nielsen
    June 12th, 2009 at 10:41 AM

    Subsequent investigation reveals that WordPress already contains and loads jQuery ! (said I was neophyte didn’t I) – so I will take out the Google link.

    Can I just put the code in the header, I am not sure when WordPress loads the Jquery script ?

  6. Nicklas
    June 13th, 2009 at 12:46 AM

    Hello!
    been fooling around with ajaxify, and it seems that for example the characters å ä ö becomes “?” when ajaxify gets them into the page. the non ajaxified page shows them as normal, using utf-8 coding.

    it does show correctly if i use the isocode for them, for example &Aring for a å

    is there anyway to fix this?

    thanks for one of the better ajax addons out there!

  7. alladeen
    June 18th, 2009 at 1:54 PM

    Thank you for a great plugin. I have it working and i have a question. Content is loading fine but is there any way that i can remove the loaded content by another link or the same link which is used to load the content.

  8. Bojes
    June 19th, 2009 at 2:58 PM

    The history plugin works great as we know that this breaks the limitation of history in AJAX. But sometimes I faced that this history plugin fires twice. It happens when I use form submit. When I do form submission (eg by clicking submit button), server proceed the request and then display or redirect to new page. But sometimes I just return back to the form page. Any one faces the same problem?

  9. Piyush
    June 22nd, 2009 at 7:31 PM

    Hi,

    I was facing a problem in this particular combination:

    $(document).ready(function(){
    $(‘.mainAJAX’).livequery(function(){
    $(this).ajaxify({
    target: false,
    loading_img:’some_image.gif’,
    loading_target:’#_main’,
    method:’GET’,
    animateOut:{opacity:’0′},
    animateOutSpeed:300,
    animateIn:{opacity:’1′},
    animateInSpeed:300,
    params:’version=ajax’,
    loadHash:’attr:href’,
    tagToload:{
    ‘#_main’:'#_main’,
    ‘#_o1′:’#_o1′,
    ‘#_c1′:’#_c1′,
    },
    });
    });
    });

    What I would like to happen is fade out -> replacement by image -> fade in for the container _main. What happens is replacement by image -> fade out -> fade in. So my loading image gets faded out. Any way to do this?? I really want to keep the same container.

    Piyush

  10. Piyush
    June 22nd, 2009 at 8:28 PM

    I think there is a bug at line 241
    if(current.loading_target != current.target); //diff target? fire before start anim

    The semicolon shouldn’t be there, removing it causes the sequence to be fine, however the container becomes hidden when the loading_fn is called. I have been able to overcome it with more tweaking, but I guess it could be fixed permanently.

  11. AstrAir
    June 23rd, 2009 at 9:31 AM

    Hi Max,

    I know it has been asked before, but my question is slighty different:
    Using livequery, I want to use one link (href) to update two div’s with each a different URI. But here’s the caveat: the second URI must be altered from that one link !
    I have tried to first solution, posted somewhere above.
    Then I tried to use two classes.

    HTML :
    <a class="event3 event2" href="/cgi-bin/list.pl?1982&6" id="1982">

    SCRIPT :

    $('.event2').livequery(function(){
					$(this).ajaxify({
						target: '#list',
					});
			});

			$('.event3').livequery(function(){
					$(this).ajaxify({
						link: <strong>'/cgi-bin/list.pl?' + ($(this).attr("id")) + '&0'</strong>,
						target: '#smenu',
					});
			});

    I even tried to use (at bold text):
    ( $(this).attr("href").replace(/\&.+/, '&0') )

  12. AstrAir
    June 23rd, 2009 at 9:41 AM

    Better readable:
    SCRIPT :

    $('.event2').livequery(function(){
	$(this).ajaxify({
		target: '#list',
	});
});

$('.event3').livequery(function(){
	$(this).ajaxify({
		link: '/cgi-bin/list.pl?' + ($(this).attr("id")) + '&0',
		target: '#smenu',
	});
});

  13. AstrAir
    June 23rd, 2009 at 9:56 AM

    Now, even if I use only ‘.event3′, the conevsion doesn’t seem to work:
    link: ‘/cgi-bin/list.pl?’ + ($(this).attr(“id”)) + ‘&0′

    I’ll be waiting for your answer, retrieved from your immeasurable wisdom of Ajaxify !! :mrgreen:

  14. AstrAir
    June 23rd, 2009 at 10:17 AM

    Thank you for your patience ;)
    I solved it myself using a ‘load’ :

    $('.event2').livequery(function(){
	$(this).click(function(){
		$('#smenu').load('/cgi-bin/list.pl?' + ($(this).attr("id")) + '&0');
	});
});

$('.event3').livequery(function(){
		$(this).ajaxify({
			target: '#list',
		});
});

  15. jens
    June 30th, 2009 at 8:35 PM

    Hi,
    I found this amazing plugin and am just trying to get it work within my current project.
    I wonder if i realy have to declare an single function for every -tag, because every form has another “action-method”? IE

    	$('#form').livequery(function(){
		$(this).ajaxify({
	        event:'submit',
	        link:'mails.php',
	        forms:'#form',
	        method:'POST',
        });

    Isn’t there a way to set the “link” attribute dynamically? Like the “target” attribute on -Links :?

    Greetings,
    Jens

  16. Piyush
    June 30th, 2009 at 9:54 PM

    I use something like this:-

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

  17. Piyush
    June 30th, 2009 at 9:55 PM

    Oops!! A bit better formatted

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

  18. jens
    June 30th, 2009 at 10:00 PM

    Hi,
    alright, this works perfekt!
    Thank you so much! :)

    Greetings from Germany

  19. blaah
    July 2nd, 2009 at 9:35 PM

    Hi again,
    why doesn’t the rel attribute work in subpages, which have been loaded by ajaxify?
    Is there a way to do this? :?

  20. Ph0X
    July 6th, 2009 at 8:40 AM

    does anyone know why this doesnt work

    	<a href="intro.php" rel="nofollow">HOME</a>

    but this does

    	<a href="intro.php" rel="nofollow">HOME</a>

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

«
»