full sample script which demonstrates the problem, inner tabs company/department come up as list instead of tabs.I have already tried what People have suggested that inner tabs should also be tabified via jquery but it doesn't work all the examples I have seen e.g.URL... use topmost div for jquery tabs call.[code]
View 6 RepliesI 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]....
I've been developing my beta site (not yet live) and I am integrating a live last.fm stream of the songs I am listening to by using javascript to parse the API's JSON and then place into tables (works very well): [URL]
Now, the trouble begins, I currently have the data layed out all nice and neat in a table: Screenshot
The "I'm Listening To" section is the section I wish to tab out like this: [URL]
So that on hover over the Image the relevant meta data will move in,
The problem I'm now having is that apparently JQuery wont let me do this with tables, thus completely nullifying most of my scripting and I need to reformat the parsed data into nested DIVs rather than tables, and maintain the same layout...
The problem is, I CAN manage to create the parent DIVs that contain the images but cannot get the JSON data to be parsed into the child DIVs,
All DIVs are being created dynamically,
My code so far:
Code:
//Calculates date text
function calculateDateAgo(secAgo) {
var agoString, agoRange, agoScaled;
if(secAgo >= (agoRange = 60*60*24))
[Code]....
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 RelatedI'm trying to force jQuery UI Tabs to work with browser locations (as in direct-linking or bookmarking), but having very little luck doing so. It feels like I've seen this question at least 50 times around the net, and the answer mostly consists of one of the following 5:
[Code]...
Hierarchically based tabs (hopefully something better than "level1-level2-level3") As I said, I know it has been asked before, but apparently I am now the only one struggling with this. So if anyone could give some suggestion on how to use jQuery Address, jQuery BBQ or any other method to accomplish this,
I'm
trying to make a web page with tabs which you can navigate between
without the page reloading. I have one set of tabs working great, but
when I add nested tabs there is a problem with the 'visibility' not
being inherited and some parts stay visible in the sub-tabs. Sorry if
this is unclear.
Here's how I have it layed out: I have a <span> for each content
section of a tab. Then I have do the same thing for the content of each
inner tab. When a tab is pressed some javascript code goes through and
makes all content sections hidden and the content section for the tab
that was pressed visible. If I select a tab and then select an inner
tab it looks like is should, but when I try and select a different tab
for the outer tabs the content for the inner section doesn't go away.
I've found that this is because visibility is not inherited. My
question is if anyone has a solution for this problem. I'm sure there
is somebody that knows of some javascript trickery to do this.
I have some set of div elements as follows,
<div class="parentCell_1">
<div class="children"></div>
<div class="children"></div>
[code]....
I'm having a problem getting jQuery tabs to work. I'm using a master file along with an aspx that includes a placeholder.
Relevant Parts of Master File:
<html>
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Use for local server -->
[Code].....
why the jQuery tabs on my site works in Chrome and Firefox, but not in Internet Explorer?
Here is a page where I use the tabs (The tabs shows "2010", "2009" and "2008"): [URL]
Here is the javascript file which is used: [URL]
I am trying to get an accordian script to work within tabs, here is the code I just can't get it to work, I realise the issue of the inactive tab displaying none which causes problems, I have tried a few work arounds but still not working [code]...
View 2 Replies View RelatedI must preface this question by admitting that I have very limited coding knowledge.I'm hoping the answer is obvious to someone who is proficient with jquery but not myself.
[Code]...
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]......
When i override the ajax method with $.ajaxSetup and set the type:'post', then consecutive calls to fetch data from the server, by Ajax Tabs (url), the tab stays Loading... forever. Firebug shows that a POST request was made and it completed successfully, however, the Tab stays Loading... forever. If i set it back to type:'get', the Tabs work fine. is it a bug, restriction? if it's a restriction, then why? workarounds?
View 2 Replies View RelatedI have a web site that contains jquery tabs and one tab consists of a sortable jquery. Although the sortable works induviduallay it doesnt work when it is put into the tabs.
My tab code is as follows.
And the sorting code is as follows:
The tabs and sortable is in the following link.
[url] (The sortable here is working)
[url](Here it is not working)
I've added the most basic implementation of JQuery tabs. It's working fine so long as there's not a url-friendly query string.In other words, if I load index.php, it will work fine. Even index.php/anystring doesn't have any problems. However, if I try to load something such index.php/anystring1/anystring2, none of the CSS styles for the tabs appear to be applied to the tabs list making all the tabs' contents appear on the same page.how I can work around this to ensure I can preserve the current format of query string without breaking the tabs? Using the old fashioned way doesn't appear to result in any problems, but I'm trying to avoid having to revert to that format.
View 2 Replies View RelatedI really can't figure out why it's not working in IE. The only problem I can think of would be using nested loops. Here's the part of the code that isn't working. It's not generating an error, it's just not returning anything. I know you guys hate when I post entire code, so I trimmed it down as much as I can. It's referring to an already stated xml document with xmlDoc. And it's goal is to return a table of rows that meet certain criteria. If you can see any syntax errors that explorer would not like, that's really what I'm asking for.
[Code]...
this is code for a conway's game of life. the nested loop on stepGen() doesnt work and i cant figure out what it is. no syntax errors, or anything. i put alert statements to see whats happening. i can provide the rest of the code if necessary.[code]
View 2 Replies View RelatedI'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.
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?
I'm trying to build a data navigation utility that will allow a central "map" page to control a number of tab pages that are loading individual pages from a large set of HTML. All are local file://localhost/, with localhost popups enabled. (for dev/testing all popups are enabled since firebug 1.3.3 has problems loading localhost .js code) preference to "raise and lower windows" has been enabled I am using firefox 3.0.8 on FreeBSD 6.4
Anyway, I can't get window.focus() and blur() to work between cooperating tab/windows who know each other's names.
Here following are two cooperating mirror tab pages that i'm trying to get working. Have tried a number of combinations of the focus() and blur() calls. Have tried with/without messaging. Messaging works fine.
I have noticed that the calling tab seems to unload/reload as a result of the click event. This still allows the message to get through OK, but I guess the reload could be taking the focus again.
An annoying alert() dialog could of course get focus to the message receiver, but it requires another click to get it out of the way.
The concept of these focus() and blur() calls is so simple, and I've searched all over the web for examples, but nothing seems applicable.
Have also seen that this may be a bug in Firefox.
======== code for "mirror" pages "focus1" and "focus2" follows:
<html>
<head>
<title>test window focus - 1</title>
<script language="javascript">
[Code]....
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]...
I'm trying to access an ID nested in a DIV which for the life of me I can't figure out:
<div class="verificationTextBox">Verification:
<a id="download_now" title="Review more about CAPTCHA" rel="#modal1" > </a></div>
<script type="text/javascript">
[code].....
I develop pages within a third party web application. The page output has tables within tables. I have an 'id' for the table I want, 'oErrorsList' which I then want to find the value of 'SelectedRowID'. I have tried the following code but I get nothing. var myTable.text = $('table').filter('[id=oErrorsList]').SelectedRowID; alert(myTable); I am new to this forum and I don't know if this is enough information so I am including an image of part of the page.
View 12 Replies View RelatedI have nested structure of div something like thi [code]...
View 1 Replies View RelatedI would like to insert a div into a nested list...to make this:
<ul class="a">
<li class="2"><a href="***">Something</a>
<ul>
<li>Something else...</li>
[Code].....
I am trying to make the each nested ul more specific to help with styling.
I want to insert a nested <div> into an existing span in a number of table cells, each of which has different content, so:
<td><span>Content</span></td>
would be 'converted' to
<td><span><span>Content</span></span></td>
I have tried:
$('tr td span').prepend("<div>");
$('tr td span').append("</div>");
However, this actually seems to produce
<td><span><div></div>Content</span></td>
I have also tried something along the lines of
$('tr td span').html("<div>" + $(this).text() + "</div>");
but have been having trouble using the this keyword to produce the required effect.