Ajaxify – Support v1.0

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

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

MaX
October 27th, 2008 at 11:13 PM
I have answered this question alot

See this: http://max.jsrhost.com/2008/10/03/ajaxify-support/#comment-7

BrainLessX
October 27th, 2008 at 11:57 PM
Ok,
Tommorow i will give it another try!
I’m now done with working today.
In your comment you send me to #comment-7, but when i click i get comment #2.
Thanks for your fast reply!

BrainLessX
October 28th, 2008 at 5:11 PM
5th try
Why is my reply not posted?
I still get it not working.
http://www.jaspermeijaard.com/Ajaxify_edit/example.html is a link where’s my online version.
I don’t kno what’s wrong, please give me some advice.
The pages who are gonna be loaded in the divs? Can i include in that page a etc. ? Will the jquery, ajaxify handles this like a own page?

MaX
October 28th, 2008 at 8:01 PM
Sorry about that. Akismet identifed you as a spammer
Try removing the include lines for jquery and ajaxify from linktest.html. They are already in the DOM. just the calling function in that page.

DeaDSouL
October 30th, 2008 at 10:38 AM
thanks a lot for this amazing plugin.. its just awesome..

I have a problem with ajaxify… actually the link i need to ajaxify it is not static..
for ex.
…
link: ‘?option=modify&oper=edit&id’+dsID,
…

the dsID is changing every time i select a row..
and i couldn’t just make it..

here is my post about how to pass the id from jqGrid to Ajaxify:

i tried many time, just useless…

best regards

MaX
October 30th, 2008 at 4:12 PM
Could you please post a link so I can debug it.

DeaDSouL
October 30th, 2008 at 8:02 PM
sure bro
here is the link
http://www.trirand.com/blog/?page_id=18/help/how-to-pass-the-rows-id-to-ajaxify/page-1

MaX
October 30th, 2008 at 8:05 PM
I mean an example or test page. not a link to the forum

DeaDSouL
October 30th, 2008 at 10:21 PM
well, i don’t have hosting to do that.. but i can show you my example source..
```
jQuery(document).ready(function(){
    …..
    jQuery(”#dsEdit”).click( function() {
        var dsID = jQuery(”#dsTable”).getGridParam('selrow');
        if( dsID == null ) return null;
        $('#dsEdit').ajaxify({
           target: '#dsAjaxImages',
           link: '?dsOption=modify&amp;dsOper=edit&amp;id='+dsID,
            onSuccess:
                function(){
                    startTiny()
                }
         });
    });
    …..
});
```
the link i need to ajaxify it is not static link.. it changes each time i select a row from jqGrid thats why i need this line to above the ajaxify function
var dsID = jQuery(”#dsTable”).getGridParam('selrow');

the problem is if i click on the edit link it won’t work (the first time) but the second tme it will..

hope you understand my problem well ..

best regards.

MaX
October 30th, 2008 at 10:30 PM
I have already understood you.
try this one :

jQuery(document).ready(function(){

jQuery(”#dsEdit”).click( function() {
var dsID = jQuery(”#dsTable”).getGridParam(‘selrow’);
if( dsID == null ) return null;
$(‘#dsEdit’).ajaxify({
target: ‘#dsAjaxImages’,
link: ‘?dsOption=modify&dsOper=edit&id=’+dsID,
onSuccess:
function(){
startTiny()
}
}).click();
});

});

dont copy and paste as you did before
notice the click() event trigger at the end of ajaxify function.

DeaDSouL
October 30th, 2008 at 11:22 PM
lol

thanks a lot bro..
i’ll try it now

best regards

DeaDSouL
October 31st, 2008 at 12:04 AM

bro, i tried many times.. playing with it and changing many things.. no point..

tried this one..

jQuery("#dsEdit").click( function() {
	var dsID = jQuery("#dsTable").getGridParam('selrow');
	if( dsID == null ) return null;
	$('#dsEdit').ajaxify({
		target: '#dsAjaxImages',
		link: '?dsOption=modify&amp;dsOper=edit&amp;id='+dsID,
		onSuccess:
			function(){
				startTiny()
			}
	}).click();
});

also tried to put this params: ‘id=’+dsID,
and it didn’t work

tried to play with link
<a href="#" rel="nofollow">{dsLANG.EDIT}</a>
and
<a href="?dsOption=modify&dsOper=edit" rel="nofollow">{dsLANG.EDIT}</a>

nothing happened!!

the only one seems to work is this

$('#dsEdit').ajaxify({
	target: '#dsAjaxImages',
	link: '?dsOption=modify&amp;dsOper=edit&amp;id='+<strong>jQuery("#dsEdit").click( function() { jQuery("#dsTable").getGridParam('selrow'); })</strong>,
	onSuccess:
		function(){
			startTiny()
		}
});

but it returns [object Object]

thanks again bro

MaX
October 31st, 2008 at 12:12 AM
I think the problem was that you need two clicks to open a link.
if this is what you need, the above code must work.
but if you still trying to add a dynamic id to the link it should be like this:

function id(){
//do some code here, maybe you want to call jqgrid
return id;
}

$(‘#dsEdit’).ajaxify({
target: ‘#dsAjaxImages’,
link: ‘?dsOption=modify&dsOper=edit&id=’+id(),
onSuccess:function(){
startTiny()
}
});

DeaDSouL
October 31st, 2008 at 12:16 AM
i tried to make a function to get the id
and call it from ajaxify like how you said
but it didn’t work and here is my code

jQuery(document).ready(function(){

$(’#dsEdit’).ajaxify({
target: ‘#dsAjaxImages’,
link: ‘?dsOption=modify&dsOper=edit&id=’+dsGetId(),
onSuccess:function(){
startTiny()
}
});

});

function dsGetId() {
var dsID = jQuery(“#dsTable”).getGridParam(‘selrow’);
return dsID;
}

the problem once i do that is: the ajaxify won’t work at all

any ideas..

sorry bro

DeaDSouL
October 31st, 2008 at 12:19 AM
sorry i mean it returns null

MaX
October 31st, 2008 at 12:22 AM
There must be something wrong in jqGrid on this line( bug, wrong use,… whatever)
jQuery(”#dsTable”).getGridParam(’selrow’);

try to remove it and make it direct return like this:

function dsGetId() {
return 5; //return id 5 for example
}
it should work.

DeaDSouL
October 31st, 2008 at 12:29 AM
guess you right.. it works

i think it because of this line
jQuery(“#dsTable”).getGridParam(‘selrow’);

should be inside the
jQuery(“#dsEdit”).click( function() {

to work..

but is there anyway to call the ajaxify
i mean like a function or something..
like, instead of making getTheId()
how about if we make ajaxifyThisId(id)

thanks a lot..

MaX
October 31st, 2008 at 12:43 AM
As I told you before, you can fire ajaxify once the row has been clicked by adding the click() trigger. So your code should look something like this.

jQuery(”#dsEdit”).click( function() {

function id(){
return jQuery(”#dsTable”).getGridParam(’selrow’);
}

$(this).ajaxify({
target: ‘#dsAjaxImages’,
link: ‘?dsOption=modify&dsOper=edit&id=’+dsID,
onSuccess:
function(){
startTiny()
}
}).click();

Another method:
if jqGrid supports events. make a function that adds the id of each row to its href once it finish loading. if you can make this idea work you can then use ajaxify normaly.

DeaDSouL
October 31st, 2008 at 1:02 AM
but brother.. once i add this .click();
the ajaxify doesn’t work at all..

please check it..

thanks

MaX
October 31st, 2008 at 2:55 PM
it works for me.
Could you please send me the whole files and pages you are using so I can test it in my way.
I will try to make them work without interacting each other.