javascript - Infinite new window loop when triggering click event -

-

i have overview page shows data in table. pop-up opens when user clicks on row. pop-up get's reloaded on , on again until hangs.

the overview code: 

<tbody>     <tr>        <td>           <a href="/pop-up/details/1/" onclick="mywindow=window.open('/details_screen/1/','window1','toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=800,height=600'); return false;">details screen 1</a>        </td>     </tr>     <tr>        <td>           <a href="/pop-up/details/2/" onclick="mywindow=window.open('/details_screen/2/','window2','toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=800,height=600'); return false;">details screen 2</a>        </td>     </tr> </tbody>

the javascriptthat makes rows clickable:

function make_rows_clickable(table){     $(table).find('tbody tr').each(function() {                 $(this).hover(function(){                     //rollover                     $(this).addclass('hover');                 },                 function() {                     //rolloff                     $(this).removeclass('hover');                 }).click(function() {                     $(this).find('a').click();                 });     }); }

solution

as answer comment states, anchor click triggers tr click event , creates infinte loop. solved removing onclick event , adding attributes. tr click event opens pop-up.

<td>     <a href="/pop-up/details/2/"element_id="2" pop_w="800" pop_h="600">details screen 2</a> </td>

js:

$(table).find('tbody tr').hover(function(){                     //rollover                     $(this).addclass('hover');                 },                 function() {                     //rolloff                     $(this).removeclass('hover');                 }).click(function(e) {                     e.stoppropagation();                     var anchor = $(this).find('a');                      var el_id = $(anchor).attr('element_id');                     var pop_w = $(anchor).attr('pop_w');                     var pop_h = $(anchor).attr('pop_h');                      mywindow=window.open('/details/screen/' + el_id + '/', el_id, 'toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=' + pop_w + ',height=' + pop_h); });

so there must multiple td's in each table rows. therefore when run

$(this).find('a').click();

it finds every a tag in row (equal number of td's) in row , executes click functions. due opens multiple popups

replace code with:

$(this).find('a:first').click();

or use:

$(table).find('tbody tr').click(function() {    mywindow = window.open('/details_screen/2/', 'window2', 'toolbar=no, location=no, directories=no, status=yes, menubar=no, scrollbars=yes, resizable=yes, width=800, height=600');    return false; })

Comments

Post a Comment

Popular posts from this blog

linux - Using a Cron Job to check if my mod_wsgi / apache server is running and restart -

-
my group , running server based upon django , uses mod_wsgi run apache server. not working on project after over, attempting set cronjob similar functionality check if apache server has shut down(system restart or power failure), , if has, restart server me. i've found documentation on how check if apache server down , restart server if is, our server uses https , our start command pretty verbose. can use functionality provided in these examples: https://askubuntu.com/questions/277389/cron-job-to-restart-apache https://www.digitalocean.com/community/tutorials/how-to-use-a-simple-bash-script-to-restart-server-programs or need more complicated process make happen? the command use start server is python manage.py runmodwsgi --host 0.0.0.0 --port 8001 --https-port 8000 --ssl-certificate (certificate location) --server-name (domain name) i'm pretty new linux , using both mod-wsgi apache appreciated. you better off using --setup-only option mod_wsgi-expres...
Read more

actionscript 3 - TweenLite does not work with object -

-
i got following problem: i have object called tempscore game. this object blitted canvas renderer via copypixels method. object not display object. it's score-object (self made). score-object extends object called basicblitarrayobject. basicblitarrayobject extends eventdispatcher (therefore no display object). i tried apply several different tweenlite-plugins tempscore-object (i.e. transformaroundcenter, colormatrixfilter, etc.). nothing happens. absolutely nothing. sometimes error messages (when plugin requires display object , object not display object). far good. according greensock (maker of tweenlite) engine can tween numeric property of object. when plugin transformaroundcenter requires display object tweening have modify plugin working non-display object (tempscore). can't because it's way hard me. my game rests upon code: http://www.8bitrocket.com/book/ch11_blastermines.zip try apply tweenlite object called tempmine inside game class blastermines. ...
Read more

jQuery Ajax Render Fragments OR Whole Page -

-
i'm in throes of building application wraps mess of legacy code. page working on, need substitute fragment divs constructed on back-end -- or else need replace entire page altogether. idea there dynamically controlled flow needs satisfied before can forward legacy product. substituting fragments works fine, seen in below my_body_content swap. trouble comes when i'm trying render not fragment, whole page, in "body" swap. @ point page goes blank. i want similar errors returned server. want nice rest 404 error messages displayed on screen, legacy-product 404s show in legacy-product 404 page. yes, requirements project weird. that's not problem can fix. here's jquery invocation, names changed protect guilty: $.ajax({ url: "places/things", type: "post", data: json.stringify(somebadassobject), datatype: "text", accepts: "text/html", contenttype: "application/json; charset=...
Read more