javascript - jQuery - how to determine which link was clicked -


i have simple piece of php generates n copies of following code:

<p class="showsdb_l2" class="center" onclick="fsd_l2('<?php print dbg;?>','<?php print $slid;?>')">click here see data</p>    <div class="divsdb_l2"> </div>

it generated using php, number of copies unknown front.

on page have following javascript (using jquery)

function fsd_l2(dbg,slid)     {         $(".divsdb_l2").load("test15.php?dbg="+dbg+"&slid="+slid).css('display','block');     }

when text above (click here see data) clicked, should add contents of test15.php between the 2 div tags.

#test15.php <?php $dbg = $_get['dbg']; $slid = $_get['slid'];  print $dbg . " & " . $slid; ?>

the problem have how determine of links clicked? @ present, if have 3 copies, , click one, 3 copies activated.

i hope have made clear enough. i'm sure there must simple way, i'm quite new javascript/jquery.

am not sure understand having difficulty with, following how it. 

<p class="showsdb_l2" class="center" data-dbg="<?php print dbg;?>" data-slid="<?php print $slid;?>">click here see data</p>    <div class="divsdb_l2"></div>  $(document).ready(function() {     $(document).on('click', 'p.showsdb_l2', function(evt) {         var $p = $(evt.currenttarget),             dbg = $p.data('dbg'),             slid = $p.data('slid'),             $div = $p.next();          fsd_l2(dbg, slid, $div);     }); });  function fsd_l2(dbg, slid, $div) {     $div.load("test15.php?dbg="+dbg+"&slid="+slid).css('display','block'); }

the click handler not hardcoded each p tag. instead each p tag store required data, ie dbg & slid.

the click handler attached once @ document ready. jquery abstracts on various browsers , passes handlers event object first parameter. object can used find element on event occurred. refer: http://api.jquery.com/on/

finally, fetch required data clicked element, find div needs updated , call custom function.


Comments

Post a Comment

Popular posts from this blog

php - get table cell data from and place a copy in another table -

two-part question: have 2 tables: 1 table items , other table selected items copied when add button clicked. after, when items wanted selected, there 'finished' button post items selected db. i started javascript didn't far @ because jquery seems better suited i'm not familiar it function addto() { var div = document.getelementbyid('fixeddiv','inside'); div.innerhtml = div.innerhtml + 'item added'; } <div id='fixeddiv'> <table align="center" id="tradee"> <th rowspan="2"> other item</th> <?php while($rowi =$item->fetch_assoc()) {?> <tr> <td> <?php echo $rowi['item_name']; ?> </td> <td><?php echo $rowi['item_description'];?></td> </tr> <?php } ?> </table> <br> <table align="center" id="tradetable"
Read more

javascript - Mootools wait with Fx.Morph start -

i trying var effect = new fx.morph(testmorph, { wait/delay 2 seconds before starting. ( fiddle here ) but when try .wait(2000) or .delay(2000) , or .wait(2000, effect) uncaught typeerror: object [object object] has no method 'delay' any ideas how working? code i'm using: var testmorph = document.id('testmorph'); var effect = new fx.morph(testmorph, { transition: 'back:out', duration: 900, link: 'chain' }).start({ 'top': 20, 'opacity': 1 }).start({ 'border-color': '#a80025', 'color': '#a80025' }); effect.delay(2000); you can use combination of chain() , delay() achieve desired effect. new fx.morph(testmorph, { transition: 'back:out', duration: 900, link: 'chain' }).start().chain(function(){ this.start.delay(2000,effect,{ //first }); }).chain(function(){ this.start({ //second }); }); the
Read more

php - Navigate throught databse rows -

i run image hosting site, , ive run problem. want make 2 buttons beside pic "next image" , "prev image". im new php/mysql , haveing troubles. check out got. use id (numbers) find correct row, have image name build next link. how make below query next , prev image names + ids? $query_next = ("select imageid, image_name images image_name = '$image_main' order imageid desc limit 1"); $query_prev = ("select imageid, image_name images image_name = '$image_main' order imageid asc limit 1"); // next $next = mysql_query($query_next); // prev $prev = mysql_query($query_prev); while ($row = mysql_fetch_assoc($next)) { $next = $row['image_name']; } while ($row = mysql_fetch_assoc($prev)) { $prev = $row['image_name']; } the html = > simple stuff. <a href="http://mysite.com/view_image/<?=$next?>">next image</a> <a href="http://mysite.com/view_image/<?=$pr
Read more