Basically I have a jQuery Tabs in a User Control and I have set it up (thanks to your help) so that when a page is loaded which contains the control initially no tab is selected and the "noTab" div is displayed until someone hovers over a tab.
Now, this works perfectly in my website on pages that are loaded using default.aspx but some pages (due to the nature of the CMS that I am using) use Master Pages to load the page and on these pages the noTab won't display on initial load? Unfortunately i can't send you a link to the site because it is on an internal development server On May 5, 5:36 pm, thedavix <[email protected]> wrote: > Could you show me an example of your issue, because I don't really > understand what you are trying to do :-) > > Best, > David > > On 5 mai, 06:29, Martina <[email protected]> wrote: > > > Also $('#notab').show() is not working on pages that use Master Pages > > as well > > > On May 5, 12:27 pm, Martina <[email protected]> wrote: > > > > You are a genius! > > > > The only issue I am having now is, this tab control is within a user > > > control and when I use the user control on a page that uses a Master > > > Page then the mouseover event doesn't work? > > > > On May 4, 4:58 pm, thedavix <[email protected]> wrote: > > > > > Hi Martina, > > > > > Hum in your code when you select a tab the noTab block will still be > > > > visible is it really what you want? if it's the case yes I think that > > > > is okay, otherwise the example bellow shows you how to hide the noTab > > > > when a user select a tab. > > > > > var $tabs = $("#tabs").tabs( > > > > { > > > > event: 'mouseover', > > > > selected: -1, > > > > select : function(event, ui) > > > > { > > > > $('#noTab').hide(); // hidding the noTab > > > > } > > > > }); > > > > > var selected = $tabs.tabs('option', 'selected'); > > > > if (selected == -1) // Just making sure that no tabs is selected > > > > { > > > > $('#noTab').show(); > > > > > } > > > > > Like this when the user load the page the noTab will be displayed and > > > > when he select a tab, the event select will be triggered and will hide > > > > the noTab. > > > > > Best, > > > > David > > > > > On 4 mai, 01:55, Martina <[email protected]> wrote: > > > > > > HI David, > > > > > > Thanks so much for that this helps alot. > > > > > > This is what I ended up using; > > > > > > $(function() { > > > > > $("#tabs").tabs( > > > > > { > > > > > event: 'mouseover', > > > > > selected: -1 > > > > > }); > > > > > var $tabs = $("#tabs").tabs(); > > > > > var selected = $tabs.tabs('option', 'selected'); > > > > > if (selected == -1) { document.getElementById > > > > > ("noTab").style.display = "block"; } > > > > > }); > > > > > > It is because I wanted to show some generic information when no tab > > > > > was selected. Do you think that is the best way? > > > > > > On May 1, 5:39 pm, thedavix <[email protected]> wrote: > > > > > > > Hello, > > > > > > > I think you are looking for something like this > > > > > > > var $tab = $("#tabsDemo").tabs({ > > > > > > selected : -1 > > > > > > }); > > > > > > >http://jqueryui.com/demos/tabs/#option-selected > > > > > > > Best, > > > > > > David > > > > > > > On 1 mai, 08:51, Martina <[email protected]> wrote: > > > > > > > > Is it possible to set a page so that no tab is active when you > > > > > > > first > > > > > > > get to it? --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
