I am using ColdFusion and have great success with the UI stuff. I just built a tab interface using the AJAX method to call .cfm pages with no problems.
one noticeable difference between my code and yours is the a tag is missing the title attribute which is used to tie the content loaded by the tab to your div container. add a title attribute to your a tag like title="news" and see if that helps. additionally you may be having a problem with the href, try putting the full path in there just for trouble shooting purposes like href="http://www.mysite.com/includes/my.cfm"; and lastly, I used this resource ( http://jqueryui.com/demos/tabs/#Ajax_mode ) when setting my tabs up and was able to get them working without a hitch. HTH On Apr 6, 4:10 pm, penguaroch <[email protected]> wrote: > Hi to all the group members and sorry for my English that's not so > good. > I have a problem with jQuery UI Ajax tabs in ColdFusion with IE7. In > static HTML/CSS all works well, but when I insert in the href > attribute of the a tag a link to a .cfm page, IE7 doesn't show the > content of the linked page in the tab content area. In the other > browsers (Chrome, Opera, FF) my script works fine. > > My code is: > <div id="showcase"> > <ul id="nav_products"> > <li><a href="include/ajax/page1.cfm">Page 1</a></li> > <li><a href="include/ajax/page2.cfm">Page 2</a></li> > <li><a href="include/ajax/page3.cfm">Page 3</a></li> > <li><a href="#news">News</a></li> > </ul> > <div id="news">bla bla</div> > </div> > > I must say that in the tab content there's not JS content; only a ul > of products items (I'm working on an ecommerce application). > > The same code with static pages works in all my browser, IE7 too > (example: include/ajax/page1.html). > > I tried to use /include/ajax/page1.cfm instead the string without / > I tried to insert a title attribute in the a tag, I tried to insert 3 > empty div with the same name of the title attributes (only change was > underscores instead spaces). Nothing, in IE7 the code doesn't work. > > My ui-tabs.css is > .ui-tabs { margin:0; padding: 0;} > .ui-tabs .ui-tabs-nav li.ui-tabs-selected { font-weight: bold; } > .ui-tabs .ui-tabs-hide { display: none !important; } > .ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: > none; } > > I've delete zoom:1 from .ui-tabs rule because with it I can't show the > a links in tabs panels. But it's the same with zoom:1 too. I've also > tried with position:relative on ui.tabs-panel. I've tried with > position:relative on the placeholder div for the ajax content. I've > tried with the default jQuery UI Tabs CSS. Nothing. > > Is this a problem of ColdFusion? I'm not sure, I don't remember if > I've tried with absolute paths. But I think that the problem is on > IE7. Is the only browser that doesn't render my code fine. > > Please, help me, every response is appreciated. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
