Friday, October 03rd, 2008 | Author: MaX
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
Loading ...
October 8th, 2008 at 10:42 PM
I was looking for a full list of all ajaxify options and could not find them. Also, I was wondering if there was an easy way through ajaxify to make jquery rebind to all new items created in ajaxify?
For instance, if I have a div container named #content, and I use ajaxify to load a new page into that div that has jquery code implemented in it as well, is there an easy way to rebind all events?
October 9th, 2008 at 1:24 AM
I was going to write the full options list. but I got too busy these days. I will try to write it ASAP. But for now, you can open ajaxify.js in the normal version and see the options.
You have two ways to bind new created elements to ajaxify:
1) You could use an external plugin that do the job. for example : live query http://plugins.jquery.com/project/livequery
with a little modification for ajaxify calling:
$(“.ajaxify”).livequery(function() {
$(this).ajaxify();
});
2) Or add the ajaxify calling lines to the page that are going to be loaded again.
October 16th, 2008 at 6:25 PM
hello, i want to change the value of the ajaxify parameters dynamically. I mean I want to specify that link needs to be constracted from the additional attribute (rel) of the A tag.
I know I need to change the ‘link’ options somewhere. Probably i can do this in onStart() event trigger.
But i don’t know how to get the access to this options. This is due to my lack of knowledge on jquery and js. would you please hint me?
October 16th, 2008 at 6:39 PM
Hi xasima,
Its simple. open ajaxify.js (normal version) and go to line 41. You will find this:
current.link = $(this).attr(‘href’).replace(/^#/, “”) || current.link;
Add this line after it:
current.params = $(this).attr(‘rel’) || current.params;
Thats it
October 20th, 2008 at 1:02 PM
Hi MaX,
I actually do have some difficulties with IE and this plugin. In Opera or Firefox it works well, but IE does not stop loading. Are there any known issues about this problem?
October 20th, 2008 at 4:14 PM
Not at all. No one has reported any kind of this issue. may be there is a miss configuration somewhere. Could you please open the examples (online) and test it with your IE?
I’m wating the results.
October 20th, 2008 at 4:47 PM
There’s probably a miss configuration on my site – due to my too little knowledge on jquery and js. Your examples page works in my IE without any problem.
My testdriven page is this. Would you like to test it with your IE? Thanks a lot.
October 20th, 2008 at 5:16 PM
Your examples are working well in my IE.
Perhaps I made a mistake with your plugin due to my too little knowledge on jquery and js.
Would you like to test it? This site: http://konigorski.net/test/ does work in any browser, but not in IE.
Thanks a lot.
October 20th, 2008 at 8:37 PM
I have visited your page. you haven’t made any mistake and the problem is in IE.
I have added this code in line 42 to see what is the requested link.
alert($(this).attr(‘href’));
The results were:
FireFox: #
Opera: #
IE: http://mydomain.com/page.html#
(the a tag was like this: <a href="#"></a>)
I hate this stupid browser
I guess, I have to rewrite the replace pattern in my plugin so it can work properly on this piece of sh***.
But for now, don’t add the # mark in your href. add the page link or don’t add the href attr at all to the ‘a’ tag if you are willing to specifiy it from the script (…link: ‘url’,…..).
Have a nice day
October 20th, 2008 at 9:19 PM
Thank you very much. I agree with your statement to IE – why do people use ist at all?
October 21st, 2008 at 1:25 AM
Hello =D
First I want to thank the plugin, because looking something like this for months and was not able to find something good.
However, it is not all roses. I tried to use the option to hash”, However, it does not work as I want = /
The problem is: when you click the link that will open
in div “conteudo-centro” he opens in a new window, and
only then open the div cited above.
The HTML of the link is this:
<a title="Equipe" rel="nofollow"> ? Equipe</a>I put the call as follows:
Where can I have wrong? = /
I do not see where … unless it is the file that I use
to include, however, be difficult to think that o.o
Sorry for my English … Google’s translation, you know?
Brazilian …
October 21st, 2008 at 1:58 AM
Hello HitoriX,
Thank you for the compliment.
However, there is more than issue in your code.
- you haven’t specified the link that is going to be loaded in the href or link option.
- in your target code …target:”.conteudo-centro’,… the quotations does’t end as they are different.
- also in the same line you have an extra comma at the end.
please review your code carefully and use something to debug like firebug to diagnose the errors.
And about the language. dont worry. english is not my native language too
October 23rd, 2008 at 12:05 AM
Sorry, is that I put everything on Google, including codes, and he added the ” XD
I tried to mistakes, but how am beginner, not thought = /
Well, here is the page of tests, if you want to give a
look: http://www.aliabrasil.net/fsdf9s4fr98ew4rtretregh8526ds1f9ds/testes/
I hope it will be easy to resolve, because I come looking something like this for months = /
For now, thank you;)
October 23rd, 2008 at 1:15 AM
I took a look. you have alot of missing things.
follow the steps below and tell me the results:
- The correct code is:<script type="text/javascript">
$(‘.ajax’).ajaxify({
loadHash: true,
target: ‘.conteudo-centro’
});
</script>
- add the class “ajax” to every ‘a’ tag in your page.
note: external links can’t be ajaxified
October 23rd, 2008 at 2:22 AM
The error remains the same = /
The link testing is the “Equipe”, click it and you’ll see
it will open a new page and not in the “.conteudo-centro” =/
Is it the file that I use to include the pages?
If you want to take a look at it … i uploaded it in HTML format…
http://www.aliabrasil.net/fsdf9s4fr98ew4rtretregh8526ds1f9ds/testes/d4w984d89w4r89geg47r8g4rh_includes.html
October 23rd, 2008 at 2:29 AM
try this code as the prev pne was converted by word press
<script type="text/javascript">
$(".ajax").ajaxify({
loadHash: true,
target: ".conteudo-centro"
});
</script>
October 23rd, 2008 at 2:33 AM
The error remains =/
October 23rd, 2008 at 2:27 PM
You have to wrap the calling with ready(). try this one.
<script type="text/javascript">
$(document).ready(function() {
$(".ajax").ajaxify({
loadHash: true,
target: ".conteudo-centro"
});
});
</script>
October 23rd, 2008 at 10:58 PM
It worked *-*
Thanks man, you saved my website =D
You can be sure it will have a dedication in the section of credits \o/
Thanks, you are the best *-*
October 27th, 2008 at 11:07 PM
Ajaxify is a good plugin.
I have just one question left…
Isn’t it possible for internal links to open in the same div.
As example:
In my menu, i open home.php,
in home.php are some different links like (contact.php).
What i want to happen is that contact.php from the page home.php loads in de same div.
I tried some different things like target attribute with div name, give the links with ajaxify target of the div.
Please give me some help