Hi Brian, This returns the id perfectly, but how to overlay for each id??
On Jul 13, 8:16 pm, brian <[email protected]> wrote: > That looks like a mix of PHP & javascript. Try this: > > <?php > for($x = 0; $x < $items.length; $x++) > { > ?> > <tr><td><a href="#" class="Whatever" rel="<?= $items[$x].id ?>" > Get > data </a></td></tr> > <?php} > > ?> > > JS: > > $(function() > { > $('a.Whatever').click(function() > { > alert($(this).attr('rel')); > }) > > > > }); > On Mon, Jul 13, 2009 at 4:54 AM, mnaveed<[email protected]> wrote: > > > sorry I did not clear my point, here is what i want to do, > > I am running a PHP for loop, which generates a table. In the table, I > > have a column in which links are generated with an onclick event and > > the item id is set as parameter, so it looks like this, > > > for(x = 0; x<items.length; x++) // this is a php loop. > > $str =. '<tr><td><a href="#" onclick="getData(items[x].id);" > Get > > data </a></td></tr> > > echo($str); > > > this is fine, but no i want to attach anoverlaywith these links, > > there is only oneoverlayon my page which will be displayed when any > > of the above link is clicked. Data will be loaded from the server. Now > > how can i pass the current items id from the above link to the jquery > > methods foroverlay? > > > I hope I am able to clear my point.. > > > Thanks. > > > On Jul 12, 10:19 pm, brian <[email protected]> wrote: > >> On Sun, Jul 12, 2009 at 12:46 PM, mnaveed<[email protected]> wrote: > > >> > Hi, > >> > I am new to JQuery, can anyone help how to generatedynamiclinks. I > >> > have a loop which generate somelinksand for each, an onclick event > >> > is attached, calling a javascript method with some arguments. some > >> > thing like this, > > >> > for(x = 0; x<items.length; x++) > >> > <a href="#" onclick="getData(items[x].id);" >Get data </a> > > >> > how can i generate such a grid using Jquery. Actually i have to > >> > display anoverlayon each click, and data will be loaded dynamically > >> > in theoverlay, so how can i pass the ID to the method? > > >> Do you want to create thelinks? Where do you want them appended? One > >> after the other? Or should they be appended to individual elements? If > >> the latter, and let's say you have a structure like so: > > >> <div class="Items" id="item_0">foo </div> > >> <div class="Items" id="item_1">foo </div> > >> <div class="Items" id="item_2">foo </div> > >> <div class="Items" id="item_3">foo </div> > >> <div class="Items" id="item_4">foo </div> > > >> ... you needn't create the loop yourself. You could do something like: > > >> $(function() > >> { > >> $('.Items').each(function() > >> { > >> $('<a href="#" title="click me for data">get data</a>') > >> .click(function() > >> { > >> alert($(this).parent().attr('id')); > >> }) > >> .appendTo($(this)); > >> }); > > >> }); > > >> Note that "this" inside the click handler refers to the link, while > >> the appendTo($(this)) refers to the div.- Hide quoted text - > > - Show quoted text -
