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

  1. Yanesh
    January 27th, 2009 at 7:26 PM

    Hi i’ve been trying the registration form example on the site but it does not work for me plz help, has been trying for hours :(

    Staff TimeSheet SetUp

    $(document).ready(function()
    {

    $(‘#regform input’).ajaxify({
    event:’change’,
    method:’POST’,
    loading_img:’../images/loading.gif’,
    loading_txt:’Working…’,
    link:’validations.php?action=regsubmit&ajax=true’,
    forms:’input’
    });

    $(‘#form’).ajaxify({
    event:’submit’,
    link:’example.php?action=submit&ajax=true’,
    forms:’#form’,
    target:’#result’,
    loading_target:’#b_demo-’,
    loading_img:’images/sloading.gif’,
    loading_txt:’Working…’,
    method:’POST’,
    animateOut:{‘height’:'toggle’},
    animateIn:{‘height’:'toggle’},
    onSuccess:function(o,data){
    if(data==’accepted’)
    $(o.target).html(‘ Thank you for your registration’);
    else
    $(o.target).html(‘ Your registeration couldn\’t be completed.’);
    }
    });

    });

    Registration form
    This example is just for demonstration purposes and can’t be used as it is in a live environment.

    Name:

    Password

    Password again:

    Email:

  2. MaX
    January 27th, 2009 at 10:26 PM

    wrap your html code with CODE next time.

  3. Fanee
    January 28th, 2009 at 1:40 PM

    Thankx max.. Great Work ..

    I have one more question ..

    How can i trigger an Ajaxify link.Let me explain.

    Suppose i have index.html with 4 ajaxify Links that load 4 x,y,z htmls in a container id=’D’ (in index.html).
    Now when someone wants to open x,y,z htmls directly, he is redirected to index.html since all data has to be loaded in Index.html`s container.
    But when he is redirected, he is redirected back to index.html … what if he was trying to open x.html and i want him to be redirected to index.html + x.html loaded in container ?

    Now what i mean to say is that how can i Trigger specific AjAXIFy links on document(index.html) load ? so that it loads some X html in container

  4. MaX
    January 28th, 2009 at 8:12 PM

    You can do this by loadHash option. check its example. and your redirected url must have the hash for the requested page like index.html#x

  5. Lakes
    January 31st, 2009 at 4:43 AM

    MaX or anyone else I need guidance please.

    I have set up a test site at

    http://www.showcase-photography.com/atest/

    I was finally able to get flash to work (I’m not a great coder). Now I could use some additional help – please.

    Issue #1:
    I cannot seem to get the animation fade ins and outs to work. If I click any link two or three times it will finally kick in but only temporarily. Suggestions?

    Issue #2:
    I can’t figure out how to properly set the default container contents to show the “home1.html” upon site entry and remain working after other links are clicked.

    Issue #3:
    I have looked for the file jquery.history.fixed.js that appears to be used to get the bookmark to work. Where do I find this file?

    As my test site says – I’m a relative newbie and could use some extra help before I lose all of my hair.

    Thanks!!

    Lakes

  6. Mark
    February 3rd, 2009 at 2:32 AM

    Hi Max,

    Superb work. I’m just implementing on a site and have a question. My links are mostly onclick window.location and I’ve tried various ways of specifying the target, including as an option in the code block, but nothing works for me. Will ajaxify fire with onclick?

    Example

    Or does it have to be an anchor href?

    Many thanks Max
    Mark

  7. MaX
    February 3rd, 2009 at 1:21 PM

    Lakes

    Issue #1:

    I have checked your test page. The problem you 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.

    Issue #2:

    You have to use meta data plugin. check my yahoo widget example how I fired the first tab.

    Issue #3:

    it comes with ajaxify’s package.

    I came across other problem when I was browsing your website with IE that ajaxify doesnt work. your problem was that your <a> tags have unquoted attributes. quoting them fixed it.

    Mark
    No, ajaxify needs urls and cant work with the type you described.

  8. Peter A
    February 4th, 2009 at 5:53 PM

    Hi – Thanks for the handy plugin!

    I have a question about how to use this plugin with livequery. I load a form into a div using ajaxify and then I try to submit the form with ajaxify and livequery but the form will not submit to the target div. The form is submitted to the entire page.

    Here’s the js I’m using:

    $('#editForm').livequery(function(){
		$(this).ajaxify({
			event:'submit',
			target: '#results',
			loading_img:'/images/loading.gif',
			link: '/frames/editClient.cfm?clientID=22',
			forms:'#editForm',
			method:'POST',
			onSuccess:function(o,data){
				if(data=='accepted')
					$(o.target).html('<div align="center"><div style="width:230px">Pass</div></div>');
				else
					$(o.target).html('<div align="center"><div style="width:230px">Fail</div></div>');
			}
		});
	});

    Any suggestions on how to get my form just submitted to the div instead of the entire page?

    Thanks!

  9. Peter A
    February 4th, 2009 at 11:35 PM

    I figured out the issue. Submitting the form via a link using js to submit the form does not work:
    BAD
    <a href="javascript:document.editClientForm.submit();">save</a>

    Using an input submit button however did work:
    GOOD
    <input type="submit" name="save"value="save" />

    Not sure if that’s a bug but I wanted to give you a heads up.

    Thanks again for the sweet plugin!

  10. Dan
    February 6th, 2009 at 8:45 PM

    Every example I try opens in a new browser tab. The demos, the examples in this support forum – they all open in a new browser tab. What’s am I missing?

  11. Dan
    February 6th, 2009 at 8:47 PM

    For example this one:

    <html>
 <head>
  <!-- <script src="jquery-1.3.1.js" type="text/javascript"> -->
  <script src="jquery-1.2.6.js" type="text/javascript">
  <script src="jquery.ajaxify.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(document).ready(function() { 
     $('.ajaxify').ajaxify();
  });
  </script>
 </head>
 <body>
  <a class="ajaxify" href="http://maxblog.me/ajaxify/example.php?action=options&ajax=true" target="#container">Click here</a>
  <div id="container"></div>
 </body>
</html>

  12. MaX
    February 6th, 2009 at 11:27 PM

    Peter

    Not sure if that’s a bug but I wanted to give you a heads up.

    No, this is not a bug.

    Dan
    If it opens in a new window. it means you have something incorrect. in your case, the url requsted is out of your domain. ajax made only for request within the same domain of your page.

  13. Dan
    February 6th, 2009 at 11:32 PM

    I made an obvious typo in posting this code – one of the tags is not properly closed. However, I am concluding that ajaxify does not work with jquery 1.3.1 in the modified example below. It does work with jquery 1.2.6 though.

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

  14. MaX
    February 6th, 2009 at 11:40 PM

    well, to make ajaxify works you need to edit the source file by deleting some lines. I have solved it before in. http://maxblog.me/2008/12/12/ajaxify-support-v20/comments-page-7/#comment-1157

  15. Dan
    February 6th, 2009 at 11:42 PM

    >ajax made only for request within the same domain of your

    That is an additional problem with what I posted. However I have used local files for index.html, foo.html and the jquery libraries. I can only get my example to work with jquery 1.2.6.

    When I hosted all files on my domain and turned on firebug and httplive headers I noticed the extensions were pulling in the latest jquery (jquery-latest.js) in addition to whatever I included. I could not get this to work without removing firebug and and using jquery 1.2.6 version.

    This has been difficult for me to debug but I have confirmed it in both firefox and also IE. If ajaxian has been tested with jquery 1.3.1 I would like to you give it another try with my simple example or tell me what I am doing wrong.

  16. MaX
    February 6th, 2009 at 11:51 PM

    So your problem is that ajaxify dosent work with v1.3.1?right? does it open in a new window. any firebug info?
    Yor example works fine.

  17. Dan
    February 7th, 2009 at 12:04 AM

    >So your problem is that ajaxify dosent work with v1.3.1?right?

    That is my conclusion – foo.html opens in a new window using 1.3.1.

    >any firebug info?

    I think firebug is contributing part of the the problem as it uses jquery 1.3.1 via jquery-latest.js

    —————–

    I think I narrowed the problem down. One of my FireFox extension (I am not sure which one yet as I use quite a few) is pulling the file jquery-latest.js which is of course jquery 1.3.1 in addition to whatever version of jquery I have in my example. This always results in a new window being opened when I use FireFox or IE. I can get both local files or files hosted at the same domain to work correctly only if I use jQuery 1.2.6. I tested this with IE7 and FireFox ver 3.06 in Safe Mode (so none of my extensions would load).

  18. MaX
    February 7th, 2009 at 1:22 AM

    Have you omitted the lines I told you abou it before?any live test page?

  19. jannis
    February 7th, 2009 at 6:26 PM

    i am new in ajax and javascript, so i think my question is not very difficult for anyone who works for a longer time with it.

    here my question:
    when you hit a link and ajaxify loads it, i want that this link gets a special class.

    how can i do this with ajaxify?

    i hope you understand my bad english

    thank you

  20. Svetoslav Mitev
    February 7th, 2009 at 11:10 PM

    Hi! I am already using your great plugin Ajaxify. I am really excited about its capabilities. It even did work in combination with DataTables 1.3 plugin. It worked like a charm when I used mod_rewrite to produce special links. When Ajaxify will be compatible with jQuery 1.3.1?

    Thank you! You are genius, Max! :D

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

«
»