Or better yet use the tab enable/disable functionality.
.tabs( 'enable' , index )
.tabs( 'disable' , index )
On Jan 8, 5:40 am, URBY grungemin...@googlemail.com wrote:
Hi i was wondering if it would be possible to lock out other tabs so
the user is stuck on one ..until a user hits a button.
I already have that.
It's not working.
Have you seen any tabs with the spinner working?
On Nov 19, 9:11 pm, MorningZ morni...@gmail.com wrote:
add a span tag around the a's text and it should work
so
a href=http://somesite.com/tabcontent.php;This Tab/a
to
a
add a span tag around the a's text and it should work
so
a href=http://somesite.com/tabcontent.php;This Tab/a
to
a href=http://somesite.com/tabcontent.php;spanThis Tab/span/a
On Nov 19, 3:39 pm, dinos kbala...@gmail.com wrote:
I use UI Tabs with Ajax loading.
The spinner is not working.
We tried that as well, and still no go.
On Oct 15, 1:01 pm, MorningZ morni...@gmail.com wrote:
$(#tabs).tabs(select, idx);
where idx is the numeric index of the tab to select
On Oct 15, 11:53 am, Collectonian collecton...@eclectic-world.com
wrote:
We are using the jQuery UI's tabs
Found it! It needs to be:
$('#tabs').tabs().tabs('select', 1); // = 0 with the extra tabs(). :-
D Got it working now! Thanks,
Summer S. Wilson
Collectonian on Yahoo! Messenger ~ Facebook (http://www.facebook.com/
Collectonian)
An Eclectic World (http://eclectic-world.com) ~ LiveJournal
$(#tabs).tabs(select, idx);
where idx is the numeric index of the tab to select
On Oct 15, 11:53 am, Collectonian collecton...@eclectic-world.com
wrote:
We are using the jQuery UI's tabs functions to do a tab on a web
application. The tabs are loading fine and work perfectly when
clicking
Hi Klaus,
thank you, for your answer. I found my problem... I have a function in
beforeRender of AppController from CakePHP
where I load the layout. This disable my Ajax Layout in the function
of the called controller.
Regards Thomas
On 17 Jul., 07:07, Klaus Hartl klaus.ha...@googlemail.com
$(#tabs).tabs();
should be just fine, the type of tab is detected automatically. Unless
you're using a very, very old version of Tabs.
--Klaus
On 17 Jul., 00:49, havanna thomas.blas...@diacs.de wrote:
Hi together,
I tried it in the group Jquery UI - but nobody answer there?!
I'm really
Use:
$(.to_be_replaced, ui.panel).load(this.href);
--Klaus
On 11 Apr., 12:00, Claudio Poli masterk...@gmail.com wrote:
hi everyone,
I've this situation: an X number of tabs; in tabs content there's a
div classed .to_be_replaced and links for paginating.
when I click on a link it should
whops, thanks for pointing it out.
claudio
Il giorno 11/apr/09, alle ore 15:46, Klaus Hartl ha scritto:
Use:
$(.to_be_replaced, ui.panel).load(this.href);
--Klaus
On 11 Apr., 12:00, Claudio Poli masterk...@gmail.com wrote:
hi everyone,
I've this situation: an X number of tabs; in
hi!
check the tab ID, or check currently selected tab
On 11 апр, 21:00, Claudio Poli masterk...@gmail.com wrote:
hi everyone,
I've this situation: an X number of tabs; in tabs content there's a
div classed .to_be_replaced and links for paginating.
when I click on a link it should replace the
I found the solution for the first problem:
var $tabs = $('#tabs').tabs(
{
load: function(event, ui) {
$('a', ui.panel).click(function() {
$(ui.panel).load(this.href);
return false;
});
Hello,
I'm having the same problem, so any help would be appreciated.
On Mar 16, 4:25 pm, jjsanders jigalroe...@gmail.com wrote:
Hello,
I am using still the old version of ui (not the 1.7)
I saw
herehttp://docs.jquery.com/UI/Tabs#...select_a_tab_from_a_text_link_inste...
the posibility
I searched the archives, but I couldn't find an answer. For some
reason the tabs, when initialized flashes, three times. Any idea why?
http://www.chris-gwen.com/
I fixed it. I need this at the end of document.ready()
$('body').append('style type=text/css.ui-tabs-hide {display:none}/
Hi,
I am trying to slove a problem. If someone has idea to solve the
problem, I would appreciate.
I uses the fade in-out effect using the following.
$(function() {
$('#tabs ul').tabs({ fx: { opacity: 'toggle', duration: 'fast' } })
});
The effect works fine but the content in the tabs
The reason I need to use 'position: absolute;left: -1px;' is that
I need to use Sifr on the hidden tab and If I use 'display:none', Sifr
stops working.
This is exactly my situation also. Please share if you've found a fix.
Thanks Klaus. I think what it is is the CSS necessary to make the
scrollbar plugin work.
.ui-tabs-hide {
position: absolute;
left: -1px;
display: block;
}
If it's set to display: none; then it doesn't flash but the content
doesn't show. I did add the class
On Feb 2, 2:09 am, Klaus Hartl klaus.ha...@googlemail.com wrote:
Add the class ui-tabs-hide to your panels beforehand. I will not
encourage bad practice (usage of inline styles).
Note to self: Make FAQ for this.
--Klaus
Thanks Klaus. I think what it is is the CSS necessary to make the
On Jan 12, 9:29 am, tlphipps tra...@brandyandtravis.com wrote:
This is because of how browsers work. What's happening is that the
browser is downloading all the HTML and beginning to display it. Then
when the DOM is 'ready', jquery is running the code you've specified
which creates the
Add the class ui-tabs-hide to your panels beforehand. I will not
encourage bad practice (usage of inline styles).
Note to self: Make FAQ for this.
--Klaus
On 2 Feb., 05:38, Chris cpot...@siolon.com wrote:
On Jan 12, 9:29 am, tlphipps tra...@brandyandtravis.com wrote:
This is because of
c'mon, seriously, you knew what you had to do, you even said it.
style=display:none
aaron wrote:
I am using jQuery UI Tabs 3 from http://stilbuero.de/jquery/tabs_3/.
The problem I have is the delay before the JS loads. You can see all
the tabs for a couple of seconds, then they line up. Is
Attach the class to hide a tab panel beforehand:
div id=... class=ui-tabs-hidden.../div
In the future please post jQuery UI related questions to the jQuery UI
mailing list.
--Klaus
On 21 Jan., 18:03, aaron subne...@gmail.com wrote:
I am using jQuery UI Tabs 3
Come on, seriously, don't you think I tried that beforehand.
Hi,
I don't recommend hiding it this way. Users without JS enabled
wouldn't see the tab's content.
Try this instead:
http://www.learningjquery.com/2008/10/1-awesome-way-to-avoid-the-not-so-excellent-flash-of-amazing-unstyled-content
--
Bohdan
On Jan 21, 7:26 pm, Klaus Hartl
This is because of how browsers work. What's happening is that the
browser is downloading all the HTML and beginning to display it. Then
when the DOM is 'ready', jquery is running the code you've specified
which creates the tab interface. To avoid this issue you have to use
CSS to 'hide' the
Is working when replaced jquery.ui-1.6rc4 demos\tabs\default.html js
files with
http://jquery-ui.googlecode.com/svn/trunk/
jquery-1.3pre.js
ui/ui.core.js
ui/ui.tabs.js
$(function() {
$(#tabs).tabs();
//$('#tabs').data(disabled.tabs, [1,2]); //works
I would like to confirm that the array methods for disabling tabs does
not work.
I have 1.6rc4 installed. 5 Tabs 4 of which I need disabled on page
load
jQuery('#product').tabs();
jQuery('#product').tabs(disabled.tabs, [1,2,3,4]);
does not work.. neither does
Again, everything works as expected for me. Could you possibly put up
a test case?
Also, could you try and update to latest version from the repository?
It may be related to a bug that occured when initializing a div
instead of a ul element.
BTW, in your first example you need to use the data
On Jan 11, 12:02 pm, Chris cpot...@siolon.com wrote:
I searched the archives, but I couldn't find an answer. For some
reason the tabs, when initialized flashes, three times. Any idea why?
http://www.chris-gwen.com/
No ideas?
You may want to ask on the jQuery UI mailing list:
http://groups.google.com/group/jquery-ui
which is a dedicated list for questions about jQuery UI plugins[*], in case
your question was missed here.
- Richard
[*] http://rdworth.org/blog/2008/10/jquery-plugins-and-jquery-ui/
On Fri, Dec 19,
No suggestions unless you show us some code...
--Klaus
On 31 Dez., 08:11, JasonR jbra...@yahoo.com wrote:
Hello,
I have some content and am using the tabs widget to reload without
refreshing. Everything is working fine except for one problem...the ui-
tabs-disabled class is not being
I've also just committed a fix that handles the jumping - as long as
you're not using a slide effect for tabs on a scrolled down page. The
reason is that the height of the page is changed by the slide, thus
affecting the scrollbar which is not put back into its former state
after the animation is
XS emailed me a solution. It worked!!!
How to stop screen from jumping up when tab is clicked:
Wrap the div that contains the tabs in a div with a fixed height.
See example here: http://5bosses.com/examples/tabs/sample_tabs.html
On Nov 1, 10:25 am, Ed [EMAIL PROTECTED] wrote:
Klaus,
Do
Klaus,
Do you see any errors in my example? I added your code and double
checked everything (w/ firebug).
Clicking the tabs still causes the page to jump to top.
Can you take a look? What am I doing wrong?
http://5bosses.com/examples/tabs/sample_tabs.html
-Ed
On Oct 31, 8:13 am, Klaus
Thanks Klaus!
It didn't fix the problem for me, my example still jumps to the top:
http://www.sandstream.se/tabs_test3.html
As you say one solution might be to make the tabs the same hight by
putting content of the same size in them.
If you find another solution please let me know.
Well, you copied that stuff into the wrong place producing a syntax
error, thus the tabs don't work at all. Just append what I posted to
the end of the ui.tabs.js file or paste it into a separate file and
include it after the ui.tabs.js.
You should use Firebug - or at least the error console -
I have the exact same problem as Ed: When clicking a tab the screen
jumps to the top.
See this for an example: http://www.sandstream.se/tabs_test2.html
Scroll down so the tabs is on top of the screen and click tab Two.
The screen jumps to the top.
//Sandstream
On 26 Okt, 03:16, Ed [EMAIL
I think I know what's wrong with the Tabs-script, but not where and
what needs to be done.
The problem seems to be tabs that contains less text and doesn't need
the vertical scrollbar.
When you have both large and small tabs the error occurs.
See this page for more info:
Well, that doesn't seem to be an error but standard browser behavior.
If you switch to a tab that causes the page to not have a scrollbar,
the tabs appear to jump because the browser must rerender the page in
a way as if the scrollbar were moved to the top. The browser just
can't do anything
Thanks Klaus,
I added your code to my example and I still can't make it work as I
want.
The screen is scrolling to the top when a tab is clicked.
I have equal content inside each tab.
Here is my simple example. Please take a look.
http://5bosses.com/examples/tabs/sample_tabs.html
Am I doing
That doesn't happen for me. Do you use the latest version? Which
browser does that happen in? Could you post a demo or show us some
code?
--Klaus
On 26 Okt., 03:16, Ed [EMAIL PROTECTED] wrote:
I have jquery ui tabs at the bottom of my page.
When a tab is clicked, the screen jumps/scrolls to
i dont know anything about jquery ui, but i think i might know your
problem.
are you using a for each tab?
are you using a href=#?
are you making sure the click is returning false?
On Oct 25, 7:16 pm, Ed [EMAIL PROTECTED] wrote:
I have jquery ui tabs at the bottom of my page.
When a tab is
Thanks Klaus,
I see the issue in FireFox 3 and Internet Explorer 7 (screen jumps up
when tab is clicked).
Here is an example that shows the issue:
http://5bosses.com/examples/tabs/sample_tabs.html
I'm using the following parts of Jquery:
http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js
Works fine for me... (IE 6/XP)
--Klaus
On May 8, 2:05 pm, Ash [EMAIL PROTECTED] wrote:
Hi I have a site I am working on
http://lx0.taylor-ch.co.uk/index.php/eng/Products/Trade-Waste/Contine...
The tabs work on FF fine, but in IE 6 7 the last one (More Info) at
best crashes the browser,
The tabs work on FF fine, but in IE 6 7 the last one (More Info) at
best crashes the browser, and at worst the whole PC!
Works on my system. I would go to IE and look at Tools/Manage Add-Ons
and disable each item until the problem goes away.
Also, I noticed that there is a form field with
On 9 Jan., 01:50, Josh Nathanson [EMAIL PROTECTED] wrote:
Without looking at the code, my guess would be ye olde must rebind event
handlers when loading content via ajax issue.
-- Josh
Yes, that may be the case for Ajax tabs. I didn't look at the code
either, but in addition here's what I
On 9 Jan., 11:48, Klaus Hartl [EMAIL PROTECTED] wrote:
On 9 Jan., 01:50, Josh Nathanson [EMAIL PROTECTED] wrote:
Some ideas: Initialize the slider before tabs. Or initialize the
slider via the tabs show callback. Or do not use display: none for
hiding tabs and the offleft technique instead
Using the off left technique worked! Thanks for all of your help.
On Jan 9, 3:48 am, Klaus Hartl [EMAIL PROTECTED] wrote:
On 9 Jan., 01:50, Josh Nathanson [EMAIL PROTECTED] wrote:
Without looking at the code, my guess would be ye olde must rebind event
handlers when loading content via
Without looking at the code, my guess would be ye olde must rebind event
handlers when loading content via ajax issue.
-- Josh
- Original Message -
From: [EMAIL PROTECTED]
To: jQuery (English) jquery-en@googlegroups.com
Sent: Tuesday, January 08, 2008 3:09 PM
Subject: [jQuery]
On 3 Jan., 05:24, [EMAIL PROTECTED] [EMAIL PROTECTED]
wrote:
Hi,
I just installed the jQuery UI Tabs / Tabs 3 and I am using the fading
version. My CSS won't validate now. Any suggestions on fixing this?
Thanks. -chris
IE uses a proprietary property (instead of CSS 3 - in fact they
invented
I just had a look at the view source for you page and cannot see the 2
required CSS files 'ui.tabs.css' and 'ui.tabs.ie.css' or have you
included them in your 'flora.all.css' file?
I am also experiencing you first issue and had assumed that I could
fix it by altering line 19 of the ui.tabs.css
Ok problem solved for your (and mine :p) first issue.
We need to read this http://docs.jquery.com/Talk:UI/Tabs
Basically you must move the ID, you want to attach .tabs() to, from
the DIV to the UL element.
In your case that div id='tabs_demo'.
This also fixes my 3rd problem to do with the list
52 matches
Mail list logo