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 -~----------~----~----~----~------~----~------~--~---
