Let's say that you want to add the click handler to all anchors in the 1st pane:
$('#pane1 a').click(function() { $.ajax({ /* assuming that the anchor's href contains all * the data necessary for your PHP script */ url: href, cache: false, success: function(html) { $('#pane2').html(html); } }); return false; }); If you have specific anchors in pane1 you'll need to reflect that in the 1st selector above. You mentioned updating both panes 2 & 3 and XML, so, obviously, you'll need to change the success function somewhat. But that's the gist of it, anyway. On Tue, Jul 28, 2009 at 9:26 PM, gnetcon<i...@gnetconsulting.com> wrote: > > > Liam: > > Thanks for the feedback! > > I have my page built, with the array created and it populates my second pane > fine with data from the first array item (1 of 100). What I'm having > difficulty wrapping my brain around is how to update the second div, passing > an array key to re-populate the div w/out reloading the page. Is that > possible? OR do I need to have a separate page that would accept the key > and simply return the HTML to display in the contents of that div? > > Example: > > If a user selected the 5th row of data in pane #1, I then need to update > pane #2/3 with the data from the PHP array key of 4 ($arrXML[4]). > > TIA! > > > Liam Potter wrote: >> >> divs, updated using ajax. >> > > -- > View this message in context: > http://www.nabble.com/Advice-needed-on-jQuery-page-to-be-built-tp24671527s27240p24710846.html > Sent from the jQuery General Discussion mailing list archive at Nabble.com. > >