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

  1. frutti
    January 4th, 2009 at 4:57 PM

    hi again,
    may be it’s a stupid question :oops: , but i can’t make the ajaxify to execute on page load, this is my code:

    <?
$action = $_GET["action"];
if($action == "quizez")
{
  ?>
  <script>
    $(document).ready(function () {
    $('#quizez').ajaxify({
              link:'quizes.php',
              target: '#container',
              loading_img:'pics/loading.gif',
              title:'?????? ????????', // change page title. Since v2.0
              method:'POST'
      })
});

  </script>
  
    <div id=quizez></div>

      
 <? } ?>

  2. MaX
    January 4th, 2009 at 6:32 PM

    Sorry everybody, I couldn’t reply to your questions because I was too busy with my exams.

    Tumi, I haven’t face such an issue. check my examples with your IE browser. If there is a problem too in my demo. it most probably a jquery or IE. as my plugin doesn’t use any css properties. Otherwise, the problem is in your css.

    John , Why is the # sign in the href??

    frutti, you have to define your script type.
    <script type="text/javascript">

  3. John
    January 5th, 2009 at 9:34 PM

    I was trying to use the bookmarking/history feature by linking to “#hashvalue” in order to navigate between pages.

    This does work in all browsers except Safari, so I was wondering if there is a better method for creating links between pages than creating a whole function for in-content links.

  4. David Marble
    January 6th, 2009 at 2:58 AM

    I haven’t found the reason just yet, but I have found a problem with Ajaxify in Google Chrome. It appears that if you are grabbing an entire HTML page and using tagToload, the return request will inject its head tag along with the returned tagToload.

    So, for example, if my ajaxified link creates a jQuery ajax call that returns:

    <html>
<head>
    <script src="/Scripts.js" type="text/javascript" />
    <link media="all" type="text/css" rel="stylesheet" href="/Styles.css" />
</head>
<body>
    <div id="content"></div>
</body>
</html>

    and if I set tagToload to “#content”, Chrome injects the <head> contents into my DOM in addition to setting my target to the contents of “#content”.

    The problem seems to occur because of wrapping the return data in a <div>. The workaround is to change:

    data = '<div>'+data+'</div>'; //wrap data so we can find tags within it.

    to

    if(data.search(/<html>/i) < 0){
    data = '<div>'+data+'</div>'; //wrap data so we can find tags within it.
}

  5. David Marble
    January 6th, 2009 at 3:33 AM

    Yet another Chrome issue. I haven’t found a work-around for this one so would appreciate anyone’s response. I may just be doing something wrong, but everything works in IE and Firefox.

    In Chrome, if I call ajaxify with a tiered selector, e.g.

    $("#content a[href*='id']").ajaxify( . . .

    No click events appear to be attached. If I take away the parent selector:

    $("a[href*='id']").ajaxify( . . .

    It works just fine. Mind you, the #content call above works just fine in IE7 and Firefox 3. And ideas?

  6. Tom
    January 8th, 2009 at 4:55 AM

    Hi MaX,
    is it possible to set multiple loading_targets? For example, in your multi tagload example, is it possible to set one loading image within the #article div AND one within the #sub_menu div, all as part of one request?

    Thanks,

    Tom

  7. Noval
    January 8th, 2009 at 9:01 AM

    Can I send a data from input type to be save in mysql dbase through the Ajaxify ?

  8. MaX
    January 8th, 2009 at 3:19 PM

    John, Just add the hash value in the loadHash option without # sign. just like this:
    loadHash:’textvalue’
    Note that your selector must has one object and the text value must be unique across all the page. otherwise you should use attr:href , attr:rel or attr:title.

    David Marble, As I can see you have found a solution for both of your questions. For the second question, just use an alt selector as you described. Google Chrome still in its first releases and has a lot of bugs. I dont think that im gonna support it until it gets stable although it seems a jquery or chrome issue. not ajaxify. And as I said before. there is no chrome’s users that you have to worry about them.

    Tom, Yes. set it to a class for example then add this class to the div’s

    loading_target:'.loading'
<div id="article" class="loading"></div>
<div id="sub_menu" class="loading"></div>

    Noval, Yes of course. once the data is sent to the server you have to make your own script to insert it to the db.

  9. Tom
    January 8th, 2009 at 5:23 PM

    Great -Thanks!

    One more question: How can I set a delay before the content is loaded? Is that something that can be done using Ajaxify?

    Thanks a lot!

  10. MaX
    January 8th, 2009 at 7:20 PM

    No, I used sleep() on php on my demos.

  11. Cody
    January 9th, 2009 at 3:18 PM

    Hey Max,

    First, a feature request. It was bothering me having to go through and add non-semantic rel tags for the hashes. I was using google reader, and saw that they straight used hrefs for hashes. So, I tried to do that with Ajaxify. It works great! Now I don’t have to increase page bulk and add a bunch of non semantic rel tags!

    This however has one issue, and leads me to one feature request.

    The issue is if the HREF contains non safe characters such as spaces, ajaxify does not work on the link. Can ajaxify be updated to encode/decode these characters properly?

    And on to the feature request. One of the issues I had when using RELs to set up hashes is if you navigated to a page that contained links that the original page did not contain, they would not work as bookmarks.

    For example, if I am on my homepage, and navigate to my multipmedia page, and from there to a sub page and bookmark it. When I load the bookmark, it wont work. This is of course because it is loading the homepage, which does not contain the info for the hash. HOWEVER, if my has is the HREF itself, can’t ajaxify request the URL directly?

    In other words, if I am using full URLs for my hash, can ajaxify request the URL whether or not a link to that page exists in the current page?

    This would allow me to use ajaxify for more then just navigational elements present on all pages. I would be able to ajaxify my whole site!

    Let me know if I need to explain it in further detail.

    Thanks!

  12. Cody
    January 9th, 2009 at 3:25 PM

    Forgot two things :) One more issue and one possible request.

    I’ve been trying to figure out the best way to deal with updating the Title. I really don’t want to have to add a class with a title element to every link on my site.

    So I thought, let’s use something from the loaded content as the title. However, as I explained before, I use a serverside script to strip the loaded content to just the essentials, so I can’t use the meta TITLE attribute.

    What if you could create a tag that could load the title from the loaded content. So I could have, for example:
    <a id='ajaxifytitle' name='my page title here' />'
    That way I could define the title once in my content, rather defining the title for every link to that content. Which seems like a more practical way to me.

    Does that make any since? What do you think?

    And finally for a quick issue I’m having that I am sure is me doing something incorrectly. I added a fade out / fade in to my page (nationalcitypd.com). The code is straight copied from the demo. The fade in is working, however, the fade out is not. Am I doing something wrong?

  13. Paul
    January 9th, 2009 at 8:14 PM

    hello, I’ve created a menu which load a content into div. ok, its great, but how can i do thing like on that page: http://lab.jeroencoumans.nl/jquery-menu/advanced/articles/

    I mean active link and slide up/down menu ? It doesn’t work for me:/

    And second question, is it possible to reload 2 div’s (each content by different file) of one click?
    I want after click ajaxify link: 1) load content into div, 2) load new breadcrumb way which is in other div.

    url is in website field

    thanks for any help
    regards
    Paul

  14. MaX
    January 10th, 2009 at 4:07 AM

    Cody,
    The issue is if the HREF contains non safe characters such as spaces, ajaxify does not work on the link. Can ajaxify be updated to encode/decode these characters properly?
    You should do it from your server side by something like urlencode() on php. but still not a big deal. I will try to implement it in the next versions.

    n other words, if I am using full URLs for my hash, can ajaxify request the URL whether or not a link to that page exists in the current page?

    What about the other options like the target for example? how would ajaxify will know them?

    That way I could define the title once in my content, rather defining the title for every link to that content. Which seems like a more practical way to me.

    Does that make any since? What do you think?

    That is a good one. it will be absolutely added in the next versions.
    The fade in is working, however, the fade out is not. Am I doing something wrong?
    Most probably a css issue. check your css for any property that could be related to the opacity. I had problem once when I tried to do sliding effect. the problem were in min-height property.

    Paul,
    There is a plenty of nice jquery menu plugin. pick whatever you want. ajaxify has nothing to do with. all you have to do is to identify the menu parent by id for example. then set your ajaxify selector like this:
    $('#menu a').ajaxify();

    And second question, is it possible to reload 2 div’s (each content by different file) of one click?
    I want after click ajaxify link: 1) load content into div, 2) load new breadcrumb way which is in other div.

    Yes, check the code below:

    <a id="two-url">Update Contents</a>
$('#two-url').click(function(){
$(this).ajaxify({
link:'page1',
target:'#div1',
event:false
});

$(this).ajaxify({
link:'page2',
target:'#div2',
event:false
});

})

  15. Paul
    January 10th, 2009 at 3:44 PM

    To MaX,

    Thank you for your reply, unfortunetally I know there are many of nice menu in jQuery but I must have this menu because it is generated automatically by cms writed by me and it must have that kind of structure (menu from link i’ve posted has the same structure, and functionality I want (change style of active link in menu and show sub-menu). If someone know how to do that I could pay for that.

    regards
    Paul

  16. Pablo
    January 11th, 2009 at 7:49 AM

    Hello

    Thank you Max for this script… I am trying to set it up but with no success. This is what I need to do:

    In the main page I have a left panel and a main panel; In the main panel there is a text area and it has to be all the time.

    In the left panel there is two diferents menus; one call the other;

    Lets says in the first instance the page load with a menu A in the left panel and the textarea in main panel. In left panel there is a link to menu B when you click that link you go to menu B and this menu B there is a link that go back to menu A.

    How can I achive this?

    I tried the simple way, the tab way, hash and none is works; sometime it open a new window and somtimes do nothing…

    Here is a link that would help you to undertsant waht I need.

    http://system1.smanager.net/test/test.php

    Thank you very much for your help

  17. Pablo
    January 11th, 2009 at 11:56 PM

    any help????

  18. MaX
    January 12th, 2009 at 12:51 AM

    I can guess what are you trying to do. But why do you want to update the left panel anyway. If its up to me, I will set the target of each link in the left menu to the main panel. Once I click the “A” item , it will load its related content in the main panel. and so on for each item. you have to add a tinymce command on the success event to convert your textarea to tinymce editor. I can’t remember the command but its something like add mce control.

    The problem you are having in the current test page has been explained in the live query example.

    I tried the simple way, the tab way, hash and none is works; sometime it open a new window and somtimes do nothing…
    You have to understand each option and method before you use it. not randomly.
    if the link opened in a new window, it means you have did something wrong selector, syntax… If it did nothing, it means that the link has been atached to ajaxify but there is an incorrect option in your call. enable ajaxify and your browser debugger and good luck.

  19. Pablo
    January 12th, 2009 at 4:13 AM

    thank you I will try that :shock:

  20. Fanee
    January 14th, 2009 at 2:13 PM

    i am getting error
    warning : target “#Ajaxifytemp” couldn`t be found
    when i try to use “Multi tagToload”

    Here is what i am doing

    $('.graphics').ajaxify({
		target:false,		
		tagToload:{ '#icon':'#icon' , '#data':'#container' },
		loadHash:'attr:href'
});

    and my html 

    <div id="icon">
	Some icon  ..
</div> 
<div id="data">
 some data ...
</div>

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

«
»