Ajaxify – Support v1.0
Friday, October 03rd, 2008 | Author:

Any Comments, bugs , feature request about Ajaxify, please post it here.

Known issues:

  • links that has this form <a href=”#”> doesn’t load. See solution
  • live query and load hash enabled produce infinte loops.

Feature requests:

These features will be implemented in the next versions.

  • Rebinding ajaxify automatically to the new created elements from the loaded page.
Category: jQuery
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

114 Responses to “Ajaxify – Support v1.0”

Pages: « 1 2 3 4 [5] 6 » Show All

  1. MaX
    December 7th, 2008 at 1:27 PM

    Hi Kenneth

    Yes, you can. onStart and onComplete events will let you add your animation effects. I recommend you to wait more couple of days to see whats new in v2.0 about this.

    Joseph

    ajaxify was not made for this purpose. and really have no idea how you can do it with ajaxify. May be you are looking for sometthing similar to “jQuery cycle plugin”

  2. Kenneth
    December 8th, 2008 at 9:47 PM

    Awesome, any estimate on when 2.0 will be mad available? Not that I’m anxious or anything… just have this site to complete and your plugin is making it a snap… just need those transitions. :)

    Thanks for your great work on the plugin!

  3. Kenneth
    December 8th, 2008 at 10:50 PM

    I tried something like this… but it doesn’t work. Can you guide me in the right direction?

    $('a[name=about]').ajaxify({
   link: 'about.html',
   target: '#content',
   tagToload: '#content',
   loadHash: true
   onStart:function(){
		$(current.where).slideUp('slow');
		},
	onComplete:function(){
		$(current.where).slideDown('slow');
		}
   });

  4. Kenneth
    December 9th, 2008 at 8:57 AM

    ok… I got it workin!

    Here’s the code

    $('a[name=index]').ajaxify({
   link: 'home.html',
   target: '#content',
   tagToload: '#content',
   loadHash:true,
	onStart:function(){
	$('#content').slideUp('slow');
	},
	onComplete:function(){
	$('#content').slideDown('slow');
	}
   });

  5. Alexey
    December 9th, 2008 at 12:40 PM

    Max, thank you very much for this great plugin! It really cool! Please continue your project. I hope that second version will be available soon. Thank you! :)

  6. Alexey
    December 9th, 2008 at 1:48 PM

    Max, please give me little support about the next question:
    In accordance with structure of drupal cms I want keep js functions in behaviors which are registered in the Drupal.behaviors object (which is document ready object). All registered behaviors are run on ready. And this is my ajaxify call:

    Drupal.behaviors.myCoolBehavior = function(context) {
    $(‘a[href*="/edit"]‘).ajaxify();
    }

    This is done that behavior is attached only once to a given element.

    Code should also be updated if it adds AJAX/AHAH loaded content. Developers implementing AHAH/AJAX in their solutions should call Drupal.attachBehaviors() after new page content has been loaded, feeding in an element to be processed, in order to attach all behaviors to the new content.

    But in every page I have recursion of this request:

    GET http://www.mysite/somepage=&ajax=true

    How I can call .ajaxify(); without recursion?

    Thank you, and sorry for my english )

  7. MaX
    December 10th, 2008 at 12:42 AM

    Thank you everybody for your support. v2.0 will be available before the end of this week.

    Alexey

    Sorry, I couldin’t understand your question.? could you explain it more? or may be asking your question to a drupal forum would give you a better support.

  8. Tom
    December 10th, 2008 at 9:47 AM

    MaX,
    I’m just starting with AJAX and jQuery and you’re framework is exactly what I was looking for! Thanks for the great work!

    I do have a question as I’m not able to get something to work (more because of my ignorance): My website is driven from index.php where several functions are called to build the content on the website. Thus what I need is Ajaxify to grab only the “#main_content” contents of index.php and display it again in the same div (“#main_content”). This is the code I’m using:

    $(document).ready(function() { 
		 $('.ajaxify').ajaxify({
			tagToload: '#main_content',
			target: '#main_content'
                   }); 
		});

    But the ‘#main_content’ ends up loaded with the entire page EXCEPT for what’s supposed to be in the original ‘#main_content’.

    Any suggestions?

    Thanks again!

    Tom

  9. Alexey
    December 10th, 2008 at 12:57 PM

    MaX, can you tell me how can I stop loading page, because in my case this function is give me recursion, and when I load some tag it always give me cycled request “GET” with content of loading page, which never stop. I want to stop execution of loading function on onComplete callback, when content loaded. what I must write here?

    $(‘a[href*="/add/"]‘).ajaxify({
    onComplete: function(){
    // what I must write here to stop recursion ?
    }
    });
    Thanks!

  10. Tom
    December 11th, 2008 at 7:16 AM

    To follow up on my own question – I downloaded the code for your example and was playing with it. It appears that tagToload works fine if the contents being grabbed are from a different page than the one where the JS is called. This would be consistent with the problems I am having on my own website.

    Any ideas on how to get this work within one site?

    Thanks,

    Tom

  11. MaX
    December 12th, 2008 at 3:12 AM

    Tom,

    Could you please tell me what is the form of the link. And direct or by a href attribute?. By the way v2.0 has just released. try it may it will just work fine with you.

    Alexey

    There is nothing to do to stop ajaxify from calling. It appears that there is something fires ajaxify event consequently. may something back from drupal functions . what is your ajaxify event anyway?.

  12. Alexey
    December 12th, 2008 at 4:12 AM

    MaX
    My event loading tag from another page. I am trying to find solution how to rebind ajaxify event to link which loaded in new content from tag, and I dont want to use any others big plugins as live query etc …

  13. MaX
    December 12th, 2008 at 4:21 AM

    I don’t think that live query is a big plugin. Another solution is to unbind ajaxify from the tag then rebind it. something like this:
    $(‘.ajax’).unbind(‘click’, $.ajaxify);
    $(‘.ajax’).ajaxify();

  14. Tom
    December 12th, 2008 at 1:37 PM

    I can’t wait to try this… Thanks a lot. I’ll let you know if I was able to resolve the previously mentioned issue I was having.

    Thanks again!

  15. Tom
    December 12th, 2008 at 1:39 PM

    Again, thanks for the great job. I did try it tonight and I’m still having troubles. I would appreciate if you could take a look at my testing code to see if (which is most likely) I’m doing something wrong:

    Untitled Document

    $(document).ready(function() {
    $(‘.ajaxify’).ajaxify({
    tagToload: ‘#main_content’,
    target: ‘#test’
    });
    });

    Click the link below to make the AJAX call
    <a href="test.htm" rel="nofollow">Click here</a>
    this should stay where it is
    Default Content

    Content to load

    Basically, what the above code is supposed to do – at least that’s what I was thinking – is that the content from “main_content” will be duplicated and placed inside the test div. This, however, doesn’t happen. Instead, the content of the test div is erased.

    Any help on this would be appreciated!

    Thanks!

  16. Tom
    December 12th, 2008 at 1:39 PM

    One more question: is there a way to access the target/tagToload div when they’re nested? For example, consider

    . Now I’d like to specify the child of parent1 as the target.

    Thanks in advance for your help!

    Tom

  17. MaX
    December 12th, 2008 at 2:43 PM

    Thanks Tom, But please, post your question in the appropriate post next time.
    It appears that your ‘a’ tag doesn’t have an ajaxify class. I don’t know wether this is your problem or not. but if the class was correct. Ajaxify will load test.html and then search for #main_content and inject it in #test.
    I hope this helped you.

    And the code for your second question was removed by WP. Please send it encoded or send it via the contact form.

  18. Tom
    December 13th, 2008 at 4:34 AM

    MaX,
    the code from the first question was also removed by WP, so I’m including the code sections for both of my questions:

    1)
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <script type="text/javascript" src="jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="jquery.ajaxify.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $(‘.ajaxify’).ajaxify({
    tagToload: ‘#main_content’,
    target: ‘.test’,
    loadHash: ‘attr:rel’
    });
    });
    </script>
    </head>
    <body>
    <div id=’other’><h2>Click the link below to make the AJAX call</h2>
    <a rel=’link1′ class="ajaxify" href="test.html">Click here</a></div>
    <div id="content">this should stay where it is
    <div class=’test’>Default Content</div>
    </div>
    <div id="main_content">Content to load</div>
    </body>
    </html>

    2) How can I set tagToload child of parent2?
    <div id=’container’>
    <div id=’parent1′><div class=’child’></div></div>
    <div id=’parent2′><div class=’child’></div></div>
    </div>

    Thanks and sorry for posting in the wrong blog previously.

    Tom

  19. MaX
    December 13th, 2008 at 4:45 AM

    I have tested you code. and it appears it works fine.
    I saved your code as “test.htm”. And when I clicked “Click here”, ajaxify replaced “Default Content” with “Content to load” and the page became has two “Content to load” . isn’t that what are you trying to do?
    And for you second question you could write as “#main_content #parent1 .child”
    jquery selector is almost exactly as CSS.

  20. MaX
    December 13th, 2008 at 4:48 AM

    And to use lodHash you have to add history plugin to your page.
    Enabling ajaxify debugger will help you to setup your call correctly
    add $.AjaxifyDebug = true; before start calling ajaxify.

Pages: « 1 2 3 4 [5] 6 » Show All

Leave a Reply

Markup Controls
Emoticons Smile Grin Sad Surprised Shocked Confused Cool Mad Razz Neutral Wink Lol Red Face Cry Evil Twisted Roll Exclaim Question Idea Arrow Mr Green

«
»