Thanks for the answer and sorry to all because this is a duplicate post (I've posted the same question twice because the first time my registration was waiting approvation). Believe me, I've tried your useful tips too. I've tried all possible combinations! In IE6 and IE7 that code didn't work. But now I've found the problem. In the local IIS webserver that we use in the office to test applications there are some settings that don't allow IE to process dynamic code correctly in asynchronous calls (i really don't know... maybe the processed code has a wrong content type). I've uploaded the same code on the final webserver (where I'll put the app once completed) and all work (for now...).
2009/4/8 JBeckton <[email protected]> > > 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 -~----------~----~----~----~------~----~------~--~---
