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

  1. mrme
    February 16th, 2009 at 8:15 PM

    Nice plugin but could you comment more on the bugs there are?

    For example “Fix back button on first ajaxify call” what does or doesn’t this plugin do?

  2. mrme
    February 16th, 2009 at 8:18 PM

    Also I would like to know if there can be a delete row option. so when I have a table and have a link in each row “delete” when I press the row dissapears and is deleted from the database and with a nice animation the rows below in the table move up to the place where the row was deleted

  3. Tumi
    February 16th, 2009 at 9:21 PM

    Master Max,

    I’m trying the following:

    $(‘a.ajaxLink’).livequery(function() {
    $(this).ajaxify({
    onComplete:function(){$(‘#loader’).hide();$($(this).attr(‘target’)).show();},
    onStart:function(){$($(this).attr(‘target’)).hide();$(‘#loader’).show();},
    params:function(){return ‘val_e1=’+$(this).attr(‘data-val_e1′)}
    });
    });

    The onStart and onComplete seem to work well, but in the params option I can’t get the $(this) to work. If I change $(this) to an actual elementid it works like a charm, but I want it to be dynamic. Also if I move it outside a function it works, but I need to build some checks around it, so it should be in a function.

    What can I do to be able to access the $(this) in the params option?

  4. MaX
    February 17th, 2009 at 12:04 AM

    mrme
    If you had a chance to read all the previous comments you will know what are those issues all about. Check this out. In a brief, Go to my demo “History & Bookmarking” and click link 1, you will see that the back button has been activated but when you hit it, the browser just does nothing.

    I would like to know if there can be a delete row option

    ajaxify is not tables plugin. So there is no reason to let ajaxify has such an option by nature. However, you can achieve this easily. Lets suppose that you have the structure below.

    <table id="table">
	<tr>
		<td class="row-1">Delete</td><td>Lorem ipsum dolor</td>
	</tr>
	<tr>
		<td class="row-2">Delete</td><td>Lorem ipsum dolor</td>
	</tr>
	<tr>
		<td class="row-3">Delete</td><td>Lorem ipsum dolor</td>
	</tr>
	<tr>
		<td class="row-4">Delete</td><td>Lorem ipsum dolor</td>
	</tr>
</table>

    You ajaxify setup will goes something similar to this.

    $('#table tr td:first').ajaxify({
	link:'delete.php',
	params:function(o){
		var row = $(o.object).attr('class');
		return 'row='+row.replace('row-','');
	},
	onSuccess:function(o){
		$(o.object).parent().slideUp(function(){
			$(this).remove();
		})
	}
});

    I had no chance to test it. but most probably will work.

    Tumi
    There is an “object” option. comes with options argument. which it is an alias for this. Check out my previous (mrme) example.

  5. Jerry2
    February 17th, 2009 at 10:58 AM

    Thank you for your answer. I’ll provide live data as soon as I can. I am most interested in question number 2. How to make that the page would open pagination on page 3 with #3 and jump to a specific point in that document also.

  6. mrme
    February 17th, 2009 at 7:31 PM

    Nice…
    Thanks for the answers… didn’t have time to read all 10 pages… will do this @ work tomorrow :-)

  7. MaX
    February 18th, 2009 at 7:52 AM

    Will, You can’t use the id mark on ajaxified hrefs. thats will produce some errors. the href must has a valid link to that page.
    And you can implement your own function inside onSuccess function to scroll your page to your desired postion. ajaxify doesn’t have a built-in option to do something like that.

  8. bob
    February 18th, 2009 at 10:34 PM

    Hi,

    Great work on Ajaxify! Just about have it all set except i can’t get the back button to work in IE 7.

    Here’s a test page i’ve made.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Ajaxify test</title>
<script type="text/javascript" src="../jquery/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="../plugins/ajaxify/ajaxify.js"></script> 
<script type="text/javascript" src="../plugins/ajaxify/history.js"></script>
<script type="text/javascript">   
	$(document).ready(function() {   
	$('a.load').ajaxify({
		target:  '#ajaxcontainer',
		loadHash: 'attr:rel'
		});
	});
</script>  
</head>

<body>
<ul>
	<li><a class="load" href="test-target.htm" rel="one">Get example one</a></li>
	
	<li><a class="load" href="test-target-2.htm" rel="two">bobmarteal</a></li>
	<li><a class="load" href="test-target-3.htm" rel="three">arts.cornell.eud</a></li>
</ul>
<div id="ajaxcontainer">
<p> some default blahdiddy</p>
</div>
</body>
</html>

    So everything is cool in FF but in IE7 the url goes back to the last “page” but the content doesn’t change. Is there anything I’m missing?

    Thanks a bunch,
    ~bob

  9. MaX
    February 19th, 2009 at 11:46 PM

    Try my fixed history plugin. if you still have problems, enable ajaxify debugger and tell me the results.

  10. bob
    February 20th, 2009 at 4:10 PM

    Max,

    That did it. Thanks a bunch and keep up the good work.

    ~bob

  11. Travis
    February 20th, 2009 at 8:33 PM

    Hi Max,

    Great plugin and demos.

    Everything works a treat, but i am having a little problem loading into 2 seperate divs from 2 locations in the same PHP file.

    Have checked the other comments relating to this and am halfway there, just that i am now having an issue with ajaxify always calling the first link (there are several links that each load into the same 2 divs). Weird thing is that the page title changes to reflect the second link…

    Bit of a novice, though i did spend a good two days reading books/looking at sites trying to work this out. Figured i would ask the expert as i am pretty much out of ideas.

    SO THE QUESTION: Is it possible to load from one link into multiple divs (with multiple links in total – as in there are multiple links within #menu) with only the call to Ajaxify below, or will i have to set up more of an ID based thing and enter $('#firstLink').ajaxify(); $('#secondLink').ajaxify();

    ***when i use the code from your earlier post re: 1 link into 2 divs, i have to have href=”#” in order get things working properly, otherwise it “ajaxifies” the page, then about 2 secs later it opens the php file over the top of everything… Hence the use of the ID for the GET. I have tried this a with no ID etc and i still get the same result (as in everylink loads the same content ie link 1 and the text that corresponds to link 1)***

    <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="js/jquery.ajaxify.min.js" type="text/javascript"></script>
<script src="js/jquery.metadata.min.js" type="text/javascript"></script>

<a class="{title:'Page Title - link 1'}" id="one" href="#">Link 1</a>
<a class="{title:'Page Title - link 2'}" id="two" href="#">Link 2</a>



$("#menu a").click(function() {
var getId = $("menu a").attr("id");
var loadHref = "include/content/stuff.php?action=" + (getId);

$(this).ajaxify({
link:(loadHref),
target: "#pane_one",
event:false,
});

$(this).ajaxify({
link:(loadHref) + "_text",
target:"#pane_two",
event:false
});

})

    I really hope that makes some sense…

    Cheers,

    Travis

  12. Travis
    February 20th, 2009 at 8:34 PM

    Man … that was so long. Sorry about that.

  13. MaX
    February 20th, 2009 at 8:51 PM

    Bob
    You are welcome. And thanks for your donation.

    Travis
    I haven’t finished reading your comment. but I took a quick look to your ajaxify setup. I suppose you meant #menu a in var getId line. change it to this. If it didn’t work I will look into it deeply tonight when I come back. because i’m in my way out. :D

  14. Travis
    February 20th, 2009 at 8:55 PM

    Ha … that was it. I could cry.

    Works perfectly now. Back to the books i guess…

    Thanks x 1000!

  15. MaX
    February 21st, 2009 at 1:14 PM

    You are welcome Travis. Its really nice to know somebody like you who appreciate others work. Thanks for your donation.

  16. Eric float
    February 21st, 2009 at 2:07 PM

    hi , this script is gr8 but not work for me ?! my methos for send data form : 

    
                                            <strong>{pollrow:QUESTION}</strong>

											    <!-- START: pollrow:optionrow -->

                                                  {pollrow:optionrow:CONTENT}

											    <!-- END: pollrow:optionrow -->

    with this send data and open javascript window . how to change this code for your jqury plugin .
    thanks regards

  17. Eric float
    February 21st, 2009 at 2:09 PM

    my files was big and not send :(

    {pollrow:QUESTION}

    {pollrow:optionrow:CONTENT}

  18. Anirudh
    February 26th, 2009 at 9:05 PM

    Hi Max,

    I must appreciate your efforts for making this plugin so GREAT. And add to that jQuery itself is GREAT!

    I recently was baffled over one issue on one of my projects. All the html forms in my projects use jQuery Validate plugin for validations. Now all my forms open up with Ajaxify and also posted with Ajaxify. What I think this does is that it just skips the jQuery Validation plugin and posts the form so, no data gets validated.

    I tried digging in to Ajaxify documentation but did not find any ways to stop the ajax post or even abort it! Here’s some code for your ref:

    FORM CODE:

    
    Category Name

      This field is required.

    Select Company

      Karm Academy
    karm Consultancy
    Karm Group

      <a href="" rel="nofollow">Add</a>

    <a href="product_cat_m.asp" rel="nofollow">Cancel</a>

    and the javascript that posts this form:

    $(document).ready(function(){
	$('#forms').ajaxify({
		target:'#ajaxContent',
		link:'addprodcat.asp',
		forms:'#formSubmit',
		  title:'Data saved'
	});
});

    jQuery Validate usually does that if its not an ajax call :roll: , but here it fails to catch the post event I think. Perhaps you or someone else can shed some more light on this.

  19. Ulises Nicolini
    February 27th, 2009 at 9:12 PM

    It’s a great plugin, but the best adventage is i can use ajax, and mantain the SEO tecniques. The spaiders can parse A tags and find the href to jump.

  20. MaX
    February 27th, 2009 at 11:47 PM

    Anirudh
    Put your validation function in onStart event. although this event still has a bug. but it might work this way.

    Ulises Nicolini
    Thanks buddy

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

«
»