Hi Brandon, Makes me wish I lived near D.C.
I see a couple of potential problems here... First, validate the HTML which will cut-down on the probability of wonky side-effects. Have a look: http://is.gd/5qUCf Secondly, the attribute id="tabPanel" is used in several places. Id attributes are supposed to be unique so re-using id's is a no-no. There are other re-used id's too, id="video" for example. Most fundamentally, your structure isn't up-to-snuff. Tabs requires something like this: Note how the tab panel <div>s are siblings of the <ul>. <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> </ul> <div id="tabs-1"><p>Material in tab 1</p></div> <div id="tabs-2"><p>Material in tab 2</p>/div> </div> That said, digging deeper, it looks like you are using an older version of Tabs. Is that version 1.6? I *think* your HTML structure may be 1.6 compatible. I only used jQuery-UI 1.6 for a short while so I can't clearly recall. But I can say you most probably won't regret updating to jQuery 1.3 and jQuery-UI 1.7. Another observation: that page is loading a ton of Javascript. Is all that really needed? Cleanup time? **--** Steve On Dec 16, 11:34 pm, Brandon Kalber <bekal...@gmail.com> wrote: > Hi Steve, > > Basically, the tabs represent 6 different options that that a customer can > order. Tab1 is option 1 , Tab2 option 2 etc... The content of each of > those tab options contains a description of what you are buying plus a link > to the order form (which is on a separate page of the site, not part of the > tabs), the link to the form is listed twice, once in an unordered list and > once in a <p> tag. The one in the <ul> behaves in the undesired manner. > > Anyway here is the > page.https://www.dcunited.com/tickets-schedule/buy-tickets/group-ticketsboth > of > the hyperlinks on that page should point to the same form which > ishttps://www.dcunited.com/tickets-schedule/youth-team-packages/make-de... > that is the href that is in both places in the tab content code. > > Thanks for your help! > > -Brandon > > On Wed, Dec 16, 2009 at 10:38 PM, Steven Black <ste...@stevenblack.com>wrote: > > > > > Looking into this, trying to understand: are you saying you need to > > navigate to a different document when the user clicks a tab? > > > Do you have a live sample to look-at? > > > **--** Steve > > > On Dec 16, 1:11 pm, Brandon Kalber <bekal...@gmail.com> wrote: > > > Hello, > > > > I am working on a Drupal site and one of our pages is using is using > > > UI Tabs. Each tab has content that contains a hyperlink to a webform > > > within the site (a separate page). The link is in two places within > > > the content, once in an unordered list <li> tag and once in a <p> > > > tag. > > > > The href points to the exact same url, however when you click the link > > > that is within the <li>, tabs tries to load the form within the tab > > > instead of going to the external page. This breaks the form and > > > shouldn't be happening. It's as if it wants to treat the links within > > > the <li> as Ajax content (I get the "Loading" message) > > > > The link within the <p> tags work fine and goes to the external page. > > > > There is no extra code within the function that calls the tabs that I > > > can see that would cause this to happen. Does anyone know of > > > something I might be overlooking. Perhaps a bug between Drupal and > > > jQuery? Google has not given many solutions yet. > > > > I appreciate any help or advice anyone may have. Thanks in advance! > > > > -Brandon > > > -- > > > You received this message because you are subscribed to the Google Groups > > "jQuery UI" group. > > To post to this group, send email to jquery...@googlegroups.com. > > To unsubscribe from this group, send email to > > jquery-ui+unsubscr...@googlegroups.com<jquery-ui%2bunsubscr...@googlegroups > > .com> > > . > > For more options, visit this group at > >http://groups.google.com/group/jquery-ui?hl=en. -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to jquery...@googlegroups.com. To unsubscribe from this group, send email to jquery-ui+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
