Hi Martina,
Hum that really strange..have you put all the initialisation code in a
bloc like this?
$(function() {
// Your code here
});
On 6 mai, 04:06, Martina <[email protected]> wrote:
> 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
-~----------~----~----~----~------~----~------~--~---
