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) -->
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.
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 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.
i have it to where one of my tabs opens an external link within the panel. However, it lags a little bit. I use css sprites inside the panels and it literally takes a second for it to load when you hover your mouse over it. Also, when you use it in IE, it keeps a cookie, so when you click on another tab and come back to it, it shows the last panel you were on.
So, is there a way just to open another panel inside another panel?
Here is my demo page: [URL]
Click on "Partners" tab on the bottom and click on "McKesson"
1. I am trying to figure out how to open a tab, open a show/hide within that tab, and link to a particular person from an incoming link. 2. I also am trying to figure out how to open a tab and then a pane within that tab from an incoming link.
This is the code used for the tabs <script type="text/javascript"> $(document).ready(function() { $("ul.main.tabs").tabs("div.main.panes > div", {tabs: 'a.main', history: true }); $("ul.nested.tabs").tabs("div.nested.panes > div", {tabs: 'a.nested', history: true }); }); </script>
This is the code used for the toggle <script type="text/javascript"> // Andy Langton's show/hide/mini-accordion - updated 23/11/2009 // Latest version @ [URL] $(document).ready(function() { var showText='+/-'; var hideText='+/-'; var is_visible = false; .....
I want to make the toggle button so that it will display the specific hidden container..for the example let say that i got all of these list of containers :
I am currently designing a website for our public library. I have added a card catalog search bar on the side of every page. Our catalog software company has supplied the code. After embedding it, I previewed each page to make sure it was working properly. At the time, it worked fine. Since then, I have added other elements to the homepage such as a Twitter feed and a Flickr slideshow. Now, when I attempt to search in the catalog search bar on the homepage, it opens two tabs, but only in Firefox.
Our IT person from the software company suggested I make a copy of the page and strip the code down to see what the problem is. After doing this, I have made no headway. Even with the catalog as the only code left on the page, other than text, it still opens two tabs.
I'm looking at creating a list of links that when each one is clicked, opens a new window/tab under the current window, the reason for this is that i'm using jQuery .toggle to switch content upon click of a link to reveal a message. They have to read this message before going to the new window, which is why it must be opened below the current window (Hope all that makes sense!).
I've got the content switching part done, which is great, but having some trouble coding the "New Window opening under the current window"
Thw following code (When used with jQuery) opens up a new window under the current window (Yay!) - BUT - this happens on page load simply apply it to the links, and only apply it to link with a certain class e.g. class="newwindow"
Code: $(document).ready(function() { var link = $(this).attr('href'); var mer_window = window.open(link, '_blank', 'toolbar=1,location=1,directories=1,scrollbars=1,resizable=1,status=1,menubar=1'); if (typeof mer_window === "object")
I am trying to write some JavaScript that locations to a hash. I use something like this.
Code:
The problem is I use the same code in two different pages. One is in quirks mode ie8, and one is in standards mode ie8. The one in quirksmode works, the one in standrds mode doesn't.
Any idea what could cause such a thing? I know hash can work in standards mode. However, do you have any idea what is wrong? I am kind of searching for a needle in a hay stack, here.
I found a script for drop down menus on the web. I use it on my homepage (www.k66t6-mf.com). The script works fine. However when you click on the links the pages open in a new tab or window. I do not want this. Does anyone know how I can prevent this from happening? (I know there is a lot of code, and I'm sorry about that).
Did anyone implement or can direct me to an implementation of virtual mode (render only visible rows, but still have the scroll work right) or something similar in the AJAX Sys.Preview.UI.Data.ListView?
I need to display a very large table (`1000 rows) and it simply isn't feasible to render everything.
My problem is that when I submit my form,writePersonneSGBD.php seems to be quite well executed , because my record is created as wished in my database, but there is no way it returns anything (out) and display something in my div container. instead of that,and I really dont understand why, after the end of the function, index.php is executed again and so a new form is displayed again in the div "container"
I have followed David Power's tutorial on linking to specific tabs in an Accoridion widget.
I have got a test page working: [URL] which links to specific stories on my news page.
My problem is, I'm adding news stories in the accordion panel, so the newest story goes on the top.
Javascript counts the top panel as 0, the second panel as 1 etc etc.
So if I was to add a new panel, any previous links I have to the top panel would be to the wrong story.
My question is, Is there anyway of counting from the bottom panel up? Or any other workaround that people can think of eg: giving each panel a unique identifier so that the links remain the same even when new stories are added.
I've been trying to edit this script but it continues to open my slideshow images into new tabs. I would like that the images on the slideshows when clicked they will open in the same tab. How can I do that? Here is the script I am using
so I've got this page with the following iframe: <iframe src="http://test.page.local/promo/" height="350" width="214" frameborder="0" scrolling="no"></iframe> And within the framed page, a list of links, a sample of which looks like this: <li><a href="http://www.test.com/johnny-be-good/" target="_blank">Johnny's been good</a></li> yet when I click the links, the page loads within the iframe. The target is set to open a new tab or window, yet the links refuse to do so. I've tried _blank, _top, _parent, and resorted to hijacking the links with JavaScript (which seems to me to be overkill) and nothing works. I know this can't be hard, but its driving me nuts.
I am not familiar with Javascript and I need to open a link in a drop down menu in a new window. Below is the script that exists now that opens the links in the same window.
I am working on an internal work site. In the site I have a text box and on entering a specific code I want it to open a new page that links to a document that has the same name. ie. if user types red, I want it to find the document red.html in a folder. To make my colleagues job easier, I want the text box to autocomplete. Below is a section of the code I plan to use:
Code: <script> var arrValues = ["red", "orange", "yellow", "green", "blue", "indigo", "violet", "brown"]; </script></head><body> <h2>Autocomplete Textbox Example</h2> <p>Type in a color in lowercase:<br /> <input type="text" value="" id="txt1" onkeypress="return autocomplete(this, event, arrValues)" /></p> </body> </html>
How to modify this to: 1) Link the text entered to the document I want opened 2) Open this document upon 'enter' pressed
I have url links in an Access Database which open different info screens depending on the record. I want to include some code in the html which isn't blocked by browsers, but restricts the html code to an initial window of approx 800x600, but can be resized, but importantly the database screen doesn't 'get lost' underneath the browser window.