Whatever floats your boat, my friend. Did you try moving the Tabs .js earlier in the invocation stack to eliminate the possibility of DOM pollution by everything else?
**--** Steve On Feb 27, 2:38 pm, Alexandre Plennevaux <[email protected]> wrote: > @steven Black: we are a bizarre company :) > > well, in my opinion, usability is first and foremost all about the end-user, > that doesn't mean "everyone", it means the "target audience". And believe > it or not, our users expect that "cutting edge" from us. we evolve in a > niche of digital art & design, so we need to break the mould and try > different. This interface works on transversal / cross navigation, from a > very linear / hierarchical navigation to cross navigation: an interface that > reorganizes itself to allow the user to go from events to related news to > the related people to other projects in a fluid manner. an interface that > creates an editable, sharable "object" out of the history of your > navigation. it is an experiment so i don't expect everyone to like or > anticipate on its proposal - but i know that some will find it inspiring so > that web design becomes something else than "should i put a gradient or not" > and fully embrace new approaches to "navigation in information". > > as for the 22 files, this is the dev version: i intend to compile all into > one big minified js and one big minified css files for the production > version. > > thanks all for trying to help. I've decided to ditch ui, i only need the > tabs anyway so i'll do my own tabbing code. > > On Fri, Feb 27, 2009 at 4:49 AM, Charlie Tomlinson > <[email protected]>wrote: > > > extremely confusing site, have you considered the user experience on this? > > I see that you creat a vertical breadcrumb but all the shifting and blinking > > menu items is very confusing > > > sometimes simple is better, understand the desire to use cutting edge > > scripts and effects but judging by number of scripts acting on same page it > > looks like you'll have a long term nightmare on your hands > > > good luck! think about the user! > > > pixeline wrote: > > > although i managed to create the tabs i needed in an isolated page, > > i'm struggling to implement it in my application. > > > It really seems the tabs() is not fired because if i look at hte > > generated source, the classes added by the plugin aren't there. They > > used to in the pre - ui version of the tabs i was using. > > > Now, it may be due to jquery1.3.2 because i know it played on a > > livequery similar function live() and i'm setting up the tabs() inside > > a livequery function. > > Can you tell me if this is correct? > > > var $this = $("#leftCol"); > > var href = UI.APP_URL + UI.sectionFolder + '/' + UI.item + '/' + > > UI.menu + '/' + UI.content + '/'; > > UI.goLivequery = true; > > $this.livequery(function() > > { > > if (UI.goLivequery === true) > > { > > UI.goLivequery = false; > > $this.load(href, function() > > { > > $this.removeClass('loading'); > > UI.goLivequery = false; > > // bunch of other stuffs that all > > work correctly > > > $('#tabbedTextContent').tabs(); > > $('#tabbedTextContent img.albumImage') > > .css('cursor', 'pointer') > > .click(function() > > { // in image albums, clicking on an > > image brings the user to the next image > > var currentTab = $tabs.data > > ('selected.tabs'); > > $('#imageLegend').text($(this).attr > > ('title')); > > var nextTab = (currentTab < > > $tabs.length - 1) ? currentTab + 1 : 0; > > $tabs.tabs('select', nextTab); > > return false; > > }); > > > }); > > } > > > }); > > > And the markup is: > > > <div id="tabbedTextContent"> > > <div id="fragment0"><img src="http://localhost/lab-au.com/dev/theory/ > > article_sonic-space/images/album_images/ > > 00_cover_arca_sonic_space_labau00s.jpg" > > <http://localhost/lab-au.com/dev/theory/article_sonic-space/images/alb...> > > class="albumImage" > > title="00_cover_arca_sonic_space_labau00s.jpg" /></div> > > <div id="fragment1"><img src="http://localhost/lab-au.com/dev/theory/ > > article_sonic-space/images/album_images/ > > 01_arca_sonic_space_labau01_left_s.jpg" > > <http://localhost/lab-au.com/dev/theory/article_sonic-space/images/alb...> > > class="albumImage" > > title="01_arca_sonic_space_labau01_left_s.jpg" /></div> > > <div id="fragment2"><img src="http://localhost/lab-au.com/dev/theory/ > > article_sonic-space/images/album_images/ > > 02_arca_sonic_space_labau02_right_s.jpg" > > <http://localhost/lab-au.com/dev/theory/article_sonic-space/images/alb...> > > class="albumImage" > > title="02_arca_sonic_space_labau02_right_s.jpg" /></div> > > <div id="fragment3"><img src="http://localhost/lab-au.com/dev/theory/ > > article_sonic-space/images/album_images/ > > 03_arca_sonic_space_labau03_left_s.jpg" > > <http://localhost/lab-au.com/dev/theory/article_sonic-space/images/alb...> > > class="albumImage" > > title="03_arca_sonic_space_labau03_left_s.jpg" /></div> > > <div id="fragment4"><img src="http://localhost/lab-au.com/dev/theory/ > > article_sonic-space/images/album_images/ > > 04_arca_sonic_space_labau04_right_s.jpg" > > <http://localhost/lab-au.com/dev/theory/article_sonic-space/images/alb...> > > class="albumImage" > > title="04_arca_sonic_space_labau04_right_s.jpg" /></div> > > <div id="fragment5"><img src="http://localhost/lab-au.com/dev/theory/ > > article_sonic-space/images/album_images/ > > 05_arca_sonic_space_labau05_left_s.jpg" > > <http://localhost/lab-au.com/dev/theory/article_sonic-space/images/alb...> > > class="albumImage" > > title="05_arca_sonic_space_labau05_left_s.jpg" /></div> > > <div id="fragment6"><img src="http://localhost/lab-au.com/dev/theory/ > > article_sonic-space/images/album_images/ > > 06_arca_sonic_space_labau06_right_s.jpg" > > <http://localhost/lab-au.com/dev/theory/article_sonic-space/images/alb...> > > class="albumImage" > > title="06_arca_sonic_space_labau06_right_s > > .jpg" /></div> > > <ul class="tab-nav-menu"> > > <li><a href="#fragment0">0</a></li> > > <li><a href="#fragment1">1</a></li> > > <li><a href="#fragment2">2</a></li> > > <li><a href="#fragment3">3</a></li> > > <li><a href="#fragment4">4</a></li> > > <li><a href="#fragment5">5</a></li> > > <li><a href="#fragment6">6</a></li> > > <li id="imageLegend">Arca 180</li> > > </ul> > > </div> > > > if you want to see it for yourself: > >http://m2.lab-au.com > > > clickpath to reproduce the error: theory > writings > articles > Any > > of the 3 items > Visuals. There, the images should be tabbified. they > > are not, and if u check the generated source code; no ui classes have > > been injected. > > > Thanks in advance for your help _ i'm getting desperate. > > > On Feb 25, 10:30 pm, pixeline <[email protected]> > > <[email protected]> wrote: > > > OK, i made a separate implementation, only having the uitabs in the > > codeflow. turns out its the tab nav ul list inside the h3 is a no-go. > > to have the tabs displayed underneath only needs to have your markup > > reflect that: the ul after the tabbed divs. Would have assumed that > > should be set via css, not html but why not. At least it's possible so > > i'm happy. nice one, well done ui team ! > > > if i may ask: would it be possible to be able to locate the tabs > > navigator anywhere in the markup, instead of right before or right > > next to the tab divs ? > > > On Feb 24, 5:15 pm, pixeline <[email protected]> > > <[email protected]> wrote: > > > Thanks for the feedback i was in fact already using rc6 (that's a typo > > of mine on my first post, sorry). Can you explain me how should my > > markup/css be so that the tabs can be displayed underneath the tabs ? > > > On Feb 24, 5:07 am, Steven Black <[email protected]> > > <[email protected]> wrote: > > > First thing I would do, Alexandre, is get yourself jquery UI 1.6.rc6, > > an upgrade from rc5. > > > You might also venture to the latest version of Tabs in the svn trunk. > > http://jquery-ui.googlecode.com/svn/trunk/ui/ > > > It's unusual that your <ul>...</ul> isn't first in your > > #tabbedTextContent, which is probably OK in theory but might be a > > problem in practice. > > > Also your <ul>...</ul> is nested in an <h3> and that's asking for > > trouble too since your #fragments aren't siblings of <ul>. Mine are > > siblings, and my tabs work, but I'm guessing. > > > That said, I had all sorts of problems with rc5 that disappeared with > > rc6. Make sure you've got the latest CSS files too. > > > **--** Steve > > > On Feb 23, 5:40 am, pixeline <[email protected]> > > <[email protected]> wrote: > > > Hello! > > > I'm upgrading ui tabs from the old standalone 2007 version to the > > jquery ui implementation so bear with me :) > > > jquery 1.3.2.min > > jquery UI 1.6.rc5 personalized (only core + tabs) > > > The markup generated and to be tabbified: > > > <div id="tabbedTextContent"> > > <div id="fragment0"> > > <img src="http://localhost/lab-au.com/dev/theory/ > > article_sonic-space/images/album_images/ > > 00_cover_arca_sonic_space_labau00s.jpg" > > <http://localhost/lab-au.com/dev/theory/article_sonic-space/images/alb...> > > class="albumImage" > > title="00_cover_arca_sonic_space_labau00s.jpg" /></div> > > <div > > ... > > read more » --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
