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 … 7 8 9 10 11 [12] 13 14 15 16 17 … 21 » Show All

  1. jk
    March 8th, 2009 at 5:22 PM

    ok i was going through the comments here and found out the “external” files have to be on the same domain.

    Is there a way to load external pages from other domain via ajaxify?

  2. MaX
    March 9th, 2009 at 1:02 PM

    Seems to me indeed it doesn’t work with 1.3.2

    I have just tested with 1.3.2 and it works fine.

    Florian
    Thanks for your hack. a new features for this option are coming too in the new version.

    Thibault
    I guess you have figured out whats wrong already.

    mrme
    You must be doing something wrong. ajaxify is compitable with all jquery versions after remving the version check.

    jk
    directly? No. its a javascript limitation for security purposes. You can setup a server side file to grab the external page then send it to the user.

  3. Den
    March 11th, 2009 at 2:57 PM

    Hi,
    Thank you for the fantastic plugin.

    In internet explorer it works perfectly but in firefox and safari, after I click on an ajaxified link, it loads the page correctly, but after that, the newly loaded data on the page promptly gets lost.

    So, i click on the link, the data successfuly comes and is loaded, but after 1-2 seconds it is lost.

    Thank you in advance for any help you may offer.

  4. Den
    March 11th, 2009 at 7:35 PM

    Further to my previous posting, this problem happens when i have a script tag on the page that has as its source a remote url.

    This script is out of the container though.

    And the problem does not happen with ie7, but happens with safari and firefox.

  5. MaX
    March 12th, 2009 at 12:07 AM

    I really have no idea. It could be someting from the script you are trying to include. If you have a test page I can check it for you.

  6. Den
    March 13th, 2009 at 1:36 PM

    Thank you very much for the reply, and the great plugin.

    The problem got solved when I started using the script with an iframe.

  7. biser
    March 13th, 2009 at 4:07 PM

    animateIn and animateOut not work every time…
    Please, why…

    Best regards,
    Biser

  8. ozkan
    March 15th, 2009 at 1:56 PM

    Hello, I think I found a bug.

    If you want render all links with ajaxify attribute, you normally use this:

    $('#ajaxify').ajaxify();

    This code is supposed to render all links with id attribute is equal to ajaxify. But it only renders the first ajaxify instance.

    Here is the example to this:

    for ($i=0; $i<5; $i++)
{
  echo "<a href='post.php?id=$i' id='ajaxify' target='#result_$id'>Click to vote</a>";
echo "<br />";
echo "<div id='result_$id'></div>";
}

    As I said, it only renders the first instance.

    To overcome this problem:

    To trigger ajaxify:

    $('#ajaxify a').ajaxify();

    And the code:

    for ($i=0; $i<5; $i++)
{
  echo "<div id='ajaxify'><a href='post.php?id=$i' ' target='#result_$id'>Click to vote</a></div>";
echo "<br />";
echo "<div id='result_$id'></div>";
}

    It’s weird but it works.

    If you want to have multiple instance of Ajaxify and can’t get it work, try this.

  9. MaX
    March 16th, 2009 at 1:07 AM

    biser
    The problem you may have is because your internet connection is too fast. ajaxify loads the content before even the animation starts. Try setting something in your server side to delay the request.

    ozkan
    Its not a bug. according to the HTML specification the document mustn’t have more than element with the same id. you have to use the class attr instead if you want to use it with multiple elements.

  10. daralthus
    March 16th, 2009 at 1:07 AM

    Hello! Thank you very much for this plugin. I have learned so much from it. Also I would like to tell a feature that will be very usefull: There should be an onError when the page is available but there is no kind of tag, what you would like to load…
    Thanks

  11. MaX
    March 16th, 2009 at 1:11 AM

    Thanks daralthus. but sorry I couldn’t get your request.

  12. Dimas
    March 17th, 2009 at 5:09 AM

    hello .I’m dimas from indonesia. Can ajaxify form upload can cek $_FILES …?

  13. ScottS
    March 17th, 2009 at 3:16 PM

    Max,

    When the form post function of ajaxify is used, what is sent to the “action” page?

    I have this in the index.cfm

    $('#addCompany').ajaxify({
			 		event:'submit',
					target:'#ui-tabs-4',
					link:'actions/act_admin_formHandler.cfm',
					method:'post',
					forms:'#addCompany'
				});

    this is the form that’s called through a “.ajaxify” link

    <form action="" name="addCompany" id="addCompany">
<fieldset class="adCo">
	<legend>Add A New Company</legend>
    <input name="proc_type" type="hidden" value="addCompany" />
    <label for="">Company Name: </label>
    <input name="co_name" type="text" /><p/>
    <label for="">Company Address: </label>
    <input name="co_address" type="text" /><p/>
    <label for="">Company City: </label>
    <input name="co_city" type="text" /><p/>
    <label for="">Company State: </label>
    <cfoutput>#application.udfLIB.SelectState()#</cfoutput><p/>
    <label for="">Company Zip/Postal Code: </label>
    <input name="co_zip" type="text" /><p/>
    <label for="">Company Phone: </label>
    <input name="co_phone" type="text" /><p/>
    <label for="">Company Fax: </label>
    <input name="co_fax" type="text" /><p/>
    <label for="">Company Contact Email: </label>
    <input name="co_email" type="text" /><p/>
    <label for="kludge"></label>
	<input type="submit" value="Send" id="submit" tabindex="5"> <INPUT type="reset" id="reset" tabindex="6">
</fieldset>
</form>

    It seems to be working from a DOM standpoint, but the action template (act_admin_formHandler.cfm) isn’t running. So I guess I need to know how the form variables are being passed so I can edit the ColdFusion template can be edited.

    Thanks

    sas

  14. biser
    March 18th, 2009 at 3:31 PM

    Tx, Max
    And another question – is there any way to auto refresh loaded content?
    I try: setInterval(‘ajax_update()’, 5000);
    but not result…

    Best regards,
    Biser

  15. Martin
    March 19th, 2009 at 2:51 PM

    Hi there.

    I really like using Ajaxify, it was exactly what i was looking for… but unfortunately i have a problem for which have not yet found the appropiate answer in this blog/comments.

    Well, so i have used as well as the code from your examples as well as source from the examples page itself to have my lijnks ajaxified (works). Unfortunately the Animations dont show except if you click in short succession on two different links.. thats kind of weird.
    May you have a look at it? Or telling me whats exactly wrong? The page is the one submitted with this Posting..

  16. ScottS
    March 19th, 2009 at 4:25 PM

    Max, I figured out my first problem, I wrapped the ajaxify link calls with livequery and that solved it.

    I have a second question, how do I deal with multiple forms in an application?

    currently i have:

     $(function(){
			// Tabs
			$('#PIMSAdmintabs').tabs({
				load: function(event, ui) {
					$('a', ui.panel).click(function() {
						$(ui.panel).load(this.href);
						return false;
					});
				}
			});
        	// ajax'd links

       		 $('.ajaxify').livequery(function(){
			 		$(this).ajaxify();
			 })

			 $('#forms').ajaxify({
			 		target: '#ui-tabs-4',
					link: 'actions/act_admin_formHandler.cfm',
			 		event: 'submit',
					method: 'post',
					forms: '#addCompany'
				});

			$('#forms').ajaxify({
			 		target: '#ui-tabs-13',
					link: 'actions/act_admin_formHandler.cfm',
			 		event: 'submit',
					method: 'post',
					forms: '#addStoreroom'
				});

			});

    The first form runs as expected, however the second form posts to the action page but the results don’t refresh. Each form will be in a separate tab, if that helps at all :)

  17. MaX
    March 19th, 2009 at 7:46 PM

    Dimas
    Ajaxify uses the built-in jquery function serialize to submit the form data. I think its not possible but i’m not really sure about it. google it.

    biser
    Your code should work. just make sure that ajaxifies event is false.

    Martin
    your code has been set to only fadeIn when the images on the container are loaded. and since your loaded data dosen’t have an img tags, the container remains invisible (opacity=0). try the code below:

    $('.ajaxify2').ajaxify({
	target: '#imageHolder',
	animateOut:{opacity:0},
	animateInSpeed:300,
	onSuccess: function(op){
		if($(op.target + ' img').length)
			$(op.target + ' img').bind('load',function(){
				$(op.target).fadeIn(op.animateInSpeed);
			});
		else
			$(op.target).fadeIn(op.animateInSpeed);
	}
});

    ScottS
    the forms option is a jquery selector. you can use it that way instead of having 2 ajaxify calls.

    forms: '#addCompany,#addStoreroom'

  18. Martin
    March 19th, 2009 at 8:07 PM

    Hm, your code unfortunately didnt work…

    And i must admit i dont see the point where i just load img tags?

    I am using 

    $('.ajaxify2').ajaxify({
        animateOut:{opacity:'0'},
        animateOutSpeed:300,
        animateIn:{opacity:'1'},
        animateInSpeed:300,
        loading_target:'#b_demo'
});

  19. MaX
    March 19th, 2009 at 8:12 PM

    I am using

    $('.ajaxify2').ajaxify({
        animateOut:{opacity:'0'},
        animateOutSpeed:300,
        animateIn:{opacity:'1'},
        animateInSpeed:300,
        loading_target:'#b_demo'
});

    No you are not. This code is commented in your page. check out your work :)

  20. Martin
    March 19th, 2009 at 8:16 PM

    wooops.. seems i didnt update my web version.
    locally i was using it with the code above.

    Interestering.. i just see that it doesnt work locally – yet uploaded it works.. now that is strange (at least for me)…

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

«
»