JQuery :: Tabs Links Inside Tab To Other Tabs Work But Active Class Not Visible & External Link

Mar 7, 2011

I'm having issues with jquery and the tabs I'm using. My tabs work but... I want some more functions and that seems to be a big problem for a Javascript and jquery newby.

My HTML:

Code:
<ul class="tabs">
<li>Tab1</li>
<li>Tab2</li>

[Code]....

I really don't know if this is correct but it works! What doesn't work is the active class. If you use one of the buttons in the first tab you go to the right tab but the tab itself has no class called active and that ruins the style.

2)
I also have one other question: lets say that all the above is my second page and I have my frontpage in which I also have buttons. I want somebody to use the button and end up in the third tab of page 2. My link is something like

Code:
page2.html#tab3

I read that using this should lead you the third tab but it's not working for me. You go to the first tab of page 2 instead.

I've been reading a LOT! Jquery for dummies, I googled, read the forum and other forums. I posted on a Dutch forum but no answer. I've added a lot of different code but it doesn't work.

View 9 Replies


ADVERTISEMENT

Can't Link Out Of Link Inside Rotating Tabs?

Sep 5, 2009

I cant link out of link inside rotating tabs. The rotation is working fine. I have no problem with it. Bellow is the index.html page with <script type="text/javascript" src="tabcontent.js"></script> wich ofcourse has the JScript that is making it work. You will see another small Jscript on the index.html page that I've been using to try to make the links work, but to no avail.

[Code]...

I hope this makes sense. If anyone wants to see the entire code let me know. Right now I just got the rotator working. I just need to make the links work. I will post it for everyone to use as soon as I get it working.getting the links going.

View 2 Replies View Related

JQuery :: Nested Tabs That The Remote Page Should Decide What Would Be The Tabs?

Jan 20, 2010

I have nested tabs in jquery tabs which are pretty simple to do if we want static jquery tabsbut what if we want nested tabs that the remote page should decide what would be the tabs.or in other words i want nested tabs in a remote page (or ajaxified) For example i m calling this page(remote page) through tabs

<div id="container-2">
<ul>
<li><a href="#fragment-1a"><span>Section 1a</span></a></li>

[code]....

View 9 Replies View Related

JQuery :: Tabs - Long Content In Hidden Tabs

Nov 9, 2009

I am using jQuery tabs and when I have very long content within the tabs, my browsers scroll bar reflects the content in the tab with the most content.

Example, "Tab 1" & "Tab 3" has a very long scroll bar, even though it has no content (because of Tab 2) and you can scroll down through the empty space

[URL]

Is there a way I can hide the content in Tab 2 so that my browsers scroll bar displays correctly in relation to the content in the active tab?

View 4 Replies View Related

JQuery :: Superfish: Leave Sub <ul> Menu Visible When A Tag Class Is Set As Active

Sep 13, 2009

I'm using superfish for a drop down hover menu. It works perfect except I would like the sub menus to remain visible when one of the <a> tag from the menu has class="active". Here is a quick overview of the menu html:

<ul class="primary-links">
<li>
<a href="main">item parent 1</a>
<ul>

[Code]....

If the current page is main -- class='active' is automatically added to the A tag (with Drupal). If you are currently in page2, the class='active' is added to the A tag of the sub-menu. Now, how can I get the sub menu to be always displayed -- regardless of superfish, either when item parent 1 A tag is set as class='active'of the item child A tag is set as class='active'.

View 1 Replies View Related

JQuery :: Controlling UI Tabs From An External URL?

Jul 5, 2010

Does anyone know if it is possible to control UI tabs from an external URL, is this possible?

For example, right now, the ui-tabs-nav list of anchors correspond to the divs automatically. I would like to make the tabs' navigation controllable from a separate draggable modal or popup window so I can drag it to a second monitor and use the main screen on GoToMeeting, to switch tab panels almost like Powerpoint (but more useful.) In advance I want to preempt suggestions that I do something different entirely, like simply make the browser window span two monitors, etc. Easy idea but doesn't work; I've tried it.

View 2 Replies View Related

JQuery :: Tabs Are Not Showing Up On My Website Just The Plain Links

May 4, 2011

My Tabs are not showing up on my website just the plain links.

View 1 Replies View Related

JQuery :: Tabs Load External File That Uses Plugin

Oct 6, 2009

I have a set of jqueryui tabs that, when clicked, load in their content dynamically. It works great, except that one of the pages uses a jquery plugin itself. This results in two issues:

- The main page that holds the tabs throws an error when loaded because there is js that refers to elements that haven't loaded yet (those elements are in the external file that contains the code that relies on the plugin).

- If I embed the js that triggers the plugin functionality into the external file, it is outside of the document.ready function from the main page and therefore isn't usable.Basically I am looking for a technique that allows me to ajax load an external html file into the DOM while not crapping out the main page itself because JS that is already there is expecting HTML which is not yet there.

View 2 Replies View Related

JQuery :: Tabs Tag Class Change ?

Sep 28, 2011

I am using 1.8.4 jquery tab portion. Currently when a tab is selected or hovered the classes change for the UL, OL tags. I would also like the A and span tags to change with the same values (ui-tabs-selected, ui-tabs-active and ui-tabs-hover).

I am using the standard template as below. I have gotten part of the way there but can't get all of the way there. I am guessing I need to change portions of the code from instances of searching for parent of A to do parent of A, A itself and children of A. Or I could find the first parent ul and say addclass, removeclass from all children.

<div id="tabs">

View 1 Replies View Related

JQuery :: Submit Forms Inside UI Tabs?

May 6, 2011

I've been searching everywhere for an answer, tried everything I know and for the life of me I cannot seem to be able to submit a form inside a jQuery UI tab. I have a bunch of files that are loaded with AJAX inside the tabs and I would really need to pass form data in them ...

View 1 Replies View Related

JQuery :: Control Tabs Or Slider With External Linked Buttons?

Aug 13, 2010

Is it possible or is there any tutorial explaining how to control a jquery tabs or slider with external linked buttons?

View 2 Replies View Related

JQuery :: Tabs Ajax Mode - Opening Links In Specific Container

Jan 29, 2009

Tabs jQuery v2.7.4 of stilbuero. I want to use Ajax Mode and open the links in a specifically container. For example:
<div id="box">
<ul id="tabs">
<li><a href="01.html"><span>Tab one</span></a></li>
<li><a href="02.html"><span>Tab two</span></a></li>
<li><a href="03.html"><span>Tab three</span></a></li>
</ul></div>
...
<div id="container"></div><!-- Open external links here (01.html, 02.html and 03.html) -->

View 4 Replies View Related

JQuery :: Bullet Points Not Working Inside Tabs?

Aug 5, 2009

I'm working on IE7. I've create two bullet point items (fred and john) inside a jquery tab but neither are appearing as bullet points. Here is my code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Odyssey Application</title>

[Code]......

View 2 Replies View Related

JQuery :: Nesting Tabs Inside Tools Scrollable?

Oct 13, 2010

if it's possible to nest tabs inside a scrollable from jQuery Tools. Basically, replacing the page content with a set of tabs. I've tried a few times, and with the jQuery native tabs, there must either be some JS or CSS conflicts that prevent things from working properly.

View 1 Replies View Related

Tabs Shooting. Content Not Showing On 2nd And 3rd Tabs?

Jun 10, 2011

I'm having trouble figuring out why content isn't showing up on the 2nd and 3rd tabs of a tabbed content section embedded on a page. The content shows fine for the first tab but not at all for 2 and 3.

Page of tabbed content is [URL].. It's an OsCommerce site using STS Templates for the pages. Here's the code:

[Code]...

View 2 Replies View Related

JQuery :: Multiple Active Links On Same Class

May 9, 2011

I have a web page wich has several list like this one:

So several ul's list wich are inside severals divs of class <div class="languages_cont" >

I need to make active the first <a> of each one this ul's and it need to be done in Js (when i say active i mean the <a> text will become bolded, so right now i've been trying using a each but no luck yet, it only selects the first it encounters.

View 2 Replies View Related

Jquery :: Checklist Dropdown List Inside Tabs Plugin

Apr 19, 2011

I am using jquery checkbox dropdown list control URL...inside a tab plugin, and it is not working for me. Dropdown does not appear on click although code does process the items. If i put the dropdown list outside the tab on the same page it works fine.

View 2 Replies View Related

JQuery :: Videos Inside Tabs Play At Same Time In IE / Chrome?

Jan 26, 2011

Videos inside tabs play at the same time in IE but works fine in Mozila Firefox : I'm using Simple Tabs with CSS & jQuery but I am having issue with I.E., Chrome I've videos in 3 different tabs, but in I.E & Chrome all tabs starting playing when pages loads but in Mozila Firefox it starts playing when u click on tab. I want each tab to starts works when someone click on it (starts fresh).

View 3 Replies View Related

Jquery :: Videos Inside Tabs Play At The Same Time In IE & Chrome

Feb 27, 2011

Videos inside tabs play at the same time in IE but works fine in Mozila Firefox : I'm using Simple Tabs w/ CSS & jQuery but I’m having issue with I.E , Chrome I’ve videos in 3 different tabs , but in I.E & Chrome all tabs starting playing when pages loads but in Mozila Firefox it starts playing when u click on tab. I want each tab to starts works when someone click on it (starts fresh)

View 3 Replies View Related

JQuery :: Tabs Doesn't Work Under IE?

Aug 5, 2009

here is my site: [URL] tabs don't work under IE - all div's are visible. I should add some code? I thought that jquery works under all browsers...

View 2 Replies View Related

JQuery :: Unable To Use TreeView Plugin In AJAX Mode Inside UI Tabs

Dec 2, 2010

I have a very recent version of JQuery Treeview 1.4.1 & also a very recent version of JQuery UI.

I tried a lot but couldnt fix this problem. I have an initTree(), that loads tree like this:

function initTrees() {
$("#products").empty();
$("#products").treeview( {
url : "getTestDataInTreeView.action",

[Code].....

View 1 Replies View Related

JQuery :: Tabs - Setting List To Display Depending On Class Of Body Tag?

Nov 6, 2011

I'm working on a site where we display two lists of boats, sail or power via the organic tabs plugin. Now, our client wants us to show one list type by default depending on the class of the body tag - for example, if the user was on a sailing boat page, the body would have a class of 'sailPage' and therefore the list that would be shown by default would be the 'sail list' - and vice versa for the power (although be default this one shows first anyways as it is the first 'panel' in the HTML') In my admittedly rather clumsy way, I've written the following jQuery function which does seem to work (well, the first half) - however when the user clicks back on to the 'power' tab whilst on page with a class of 'sail', the power list doesn't display. There also seems to be a problem in IE7 where the content of the lists will not display until you select the other tab first, and then select the second tab again?

<div
id
=
"sailOrPower"
>

[Code].....

View 3 Replies View Related

JQuery :: Keep A Link Active (as A Normal Link) Inside An Accordion?

Mar 17, 2011

I'm new to jQuery and have a problem with links inside an accordion.

The simplified code looks like this:
<div class="active-item">
<div class="available-items">
<h5>Headline</h5>
</div>

[Code]...

The problem is, that the links inside the table are not active. If i click them, the accordion is closing What do i have to do, to keep the links inside the open accordion as normal links, without closing the accordion?

View 2 Replies View Related

JQuery :: JLayout Grid Doesn't Work In UI Tabs?

Sep 5, 2011

I'm trying to get a jLayout Grid to work in a jQuery UI tab set. I have 3 tabs, and each tab's content is a grid of images. The 1st tab lays itself out properly, but the other 2 tabs don't lay out properly and all the images wind up stacked on top of each other. I'm hoping to find a way for all 3 tabs to properly use the grid plugin and lay themselves out nicely. Here's what I have:

in my HTML doc:

<script src="jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="ui/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="jquery.sizes.min.js" type="text/javascript"></script>
<script src="jlayout.grid.min.js" type="text/javascript" ></script>

[Code].....

Again, the result of this is that the 1st tab (the 'default' tab at page load) has a grid in it that lays itself out properly, but the other tabs' grid layout is not laying out properly, and the result is that when you select tab 2 or tab 3, the images are all stacked on top of each other and not spaced out in a grid at all. Also, the tabs widget is not making room for these images so they're 'floating' down below the tabs widget (see attached image). Is there any way to get the tabs and the grid layouts to play well together

View 1 Replies View Related

JQuery :: Tabs Nested In Accordion Doesn't Work?

Feb 2, 2010

I'm trying to nest 7 tab sets in an accordion representing each day of the week. I've tried all kinds of fixes, but no matter what I do, the results are inconsistent. It's easier to see than explain now: [URL]

View 1 Replies View Related

Ajax :: Tabs - Column Of Links That Use To Load Content Into The Adjacent DIV

Sep 27, 2010

I have a column of links that use ajax to load content into the adjacent DIV, and I have used the loadobs function to load the JS and CSS files along with the external file. Now within the external file I have used javascript to create a 3 tab section; when you first load the page it is fine BUT if you navigate away from the page and then try going back and loading the same external page then the tabs stop working and all the content of the tabbed sections stack ontop of one another as though the javacript isnt working?

It is a work in progress but the page I am having the problems on can be found at [url] if you click on the top link in the left hand column called Tara - Female vocalist you will be able to see where the tabs are.

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved