Unfortunately this is an internal application. The jQuery code on the page is just this (I have the one function commented out b/c I couldn't get that to work):
var $j = jQuery.noConflict(); function setStatus(statname, statID, stattitle){ if (statID != '') var method = 'remove'; else var method = 'add'; $j.post('/admin/includes/tools/runtime.lasso' + subargs, { catalog: 'hirestatus', method: method, statusID: statID, hrstatus: stattitle, statname: statname, statusDate: myDate }); return false; } modify = function(){ $j("#changedmessage").text("Click Update to save changes"); document.jobinfo.method.value="Update"; document.jobinfo.method.disabled=false; } /*$j(function(){ bindEdit = function(){ $j('#edit').bind("click", function(){ var linkval = $j(this).attr("href"); $j('#jobinfo').load(linkval, function(){ bindEdit(); }); return false; }); } //bindEdit(); });*/ function loadEdit(){ var linkval = $j('#edit').attr("href"); $j('#jobinfo').load(linkval); return false; } The "link" I'm trying to load is on a page like this: <a href="/job.lasso?page=job&cid=6a3b9887af24e894§ion=sl_in&jobpage=descrip t&view=edit" id="edit" onclick="loadEdit(); return false;"><img src="/images/edit.gif" border="0" height="17" width="10"></a> On 4/17/07 11:04 AM, "John Resig" <[EMAIL PROTECTED]> wrote: > > Do you have an example with a full page, there's probably another issue here. > > --John > > On 4/17/07, Shelane Enos <[EMAIL PROTECTED]> wrote: >> >> I changed to this: >> function loadEdit(){ >> var linkval = $j('#edit').attr("href"); >> $j('#jobinfo').load(linkval); >> return false; >> } >> >> And added the function itself to my link. onclick=loadEdit(); >> The return false in the function isn't working. If I put it in the onclick >> (onclick=loadEdit(); return false;) then the page is loaded properly. >> Otherwise the function (even with the return false in the function) is >> allowing link to be followed anyway. >> >> >> On 4/17/07 10:22 AM, "Shelane Enos" <[EMAIL PROTECTED]> wrote: >> >>> >>> So I'm trying this: >>> >>> $j(function(){ >>> bindEdit = function(){ >>> $j('#edit').bind("click", function(){ >>> var linkval = $j(this).attr("href"); >>> $j('#jobinfo').load(linkval, function(){ >>> bindEdit(); >>> }); >>> return false; >>> }); >>> } >>> bindEdit(); >>> }); >>> >>> Which to me says bind an onclick function to an a tag with ID 'edit'. Read >>> the value of it's href (pages are dynamically loaded an hrefs change). Load >>> the link into the div id "jobinfo" and now call bindEdit to bind the click >>> event to the edit link on the newly loaded page. Return false so it doesn't >>> follow the link as a normal link. >>> >>> OK, so it doesn't work. The page loads normally instead of into the div via >>> ajax and I get "too much recursion" errors in the console. >>> >>> Am I doing something wrong here? >>> >>> >>> On 4/17/07 9:57 AM, "spinnach" <[EMAIL PROTECTED]> wrote: >>> >>>> >>>> .bind('click') is faster because you bind it directly to the element, >>>> .find() must first find the element inside the #jobinfo element and then >>>> bind the appropriate event.. >>>> >>>> there is no difference between .bind('click') and .click(), .click is >>>> just an alias for .bind('click').. and if i'm not mistaken, .click was >>>> taken out of the core since 1.1 (i may be wrong, i know some aliases >>>> were removed, but not sure which - so i just use .bind for everything :)).. >>>> >>>> dennis. >>>> >>>> Shelane Enos wrote: >>>>> What is the difference, advantage/disadvantage of these different methods: >>>>> >>>>> bindEdit = function(){ >>>>> $j('#edit').bind("click", function(){ >>>>> var linkval = $(this).attr("href"); >>>>> $j('#jobinfo').load(linkval, function(){ >>>>> bindEdit(); >>>>> }); >>>>> return false; >>>>> }); >>>>> } >>>>> >>>>> bindEdit = function(){ >>>>> $j('#jobinfo').find('#edit').click(function(){ >>>>> var linkval = $(this).attr("href"); >>>>> $j('#jobinfo').load(linkval, function(){ >>>>> bindEdit(); >>>>> }); >>>>> return false; >>>>> }); >>>>> } >>>>> >>>>> >>>>> >>>> >>>> >>>> >>> >>> >> > >