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?
I'm creating an accordion menu and need to make the link you click on go from saying "click here to view" to "close". The way I had to set up the accordion is making finding code that works very difficult. Here is my [code]...
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.
getting all the header text:jQuery("#accordion h3").text();how do you get the active index? and how do you use that index to get the active header?how do you get the header text for the active header?
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.
I have this script where if users click on a link it will show that particular link in a slideUp, slideDown effect. For example There are two links and Two divs.Both Divs are hidden to start. If the user clicks link 1, Div 1 will appear. If the user clicks link2 Div 1 will close and Div 2 will appear. how do I add a active state when the user clicks on each particular link.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns ="http://www.w3.org/1999/xhtml"
I started using jQuery yesterday so im a noob. I have a navigation bar, and i want it to display a background image on the active menu item. (Like the top most menu on this website, it has a little blue underline)
[Code]...
Line 2: It loops though all the <a> tags in an <UL> with id nav_prim. (The <a> tags are inside of <li>'s in the <ul>.
Line 3: I check to see if the <a> tag's href atribute is the same as the URL of the page, if it is
Line 4: i want that specific <a> tag's background-image to be images/nav_bg.gif.
I can't get it to work. In firefox i get the error " $("ul#nav_prim a")[i].css" is not a function.
Why is that? Can anyone please help me? As i've said im new to jQuery and Javascript in general aswell.
Perhaps I'm just using an old version - or, perhaps, I'm just missing something elementary... but when my horizontal accordian slider runs in IE8, I can't click on any of the sliders and link to another page. All's I want to do is click on the picture and link to another HTML page.
I am working on the project that will be only one page and the menu will link to the same page. The problem is that i can't add active class to the menu the same we did in the normal linked pages. For example, in css we can see .about .menu ul li .active a { color:#black} . This means the menu will be in black when the user is in the about page. I can't do like this in one page scroll menu as there is only one menu. Are there any ways to let the menu change (add active class)when i scroll to some specific part of the page?
Im trying to get a link one one page to activate/open a specifik accordian but i cant get i to work
my accordion looks like this
<div id="newsfolders"> <h1><a href="#">NEWS 1</a><span class="newsdate">21/10/1969</span></h1> <div> <p>Curabitur massa mauris, feugiat ut consectetur eu ullamcorper eget quam.</p>
I have an accordion effect setup on a a nested list. The effect is working great however, I want to retain the menu state (e.g. which section is open) when a user clicks a particular link and the site loads a new page.How do I do this with jQuery?Here is the jQuery I have currently:
$(document).ready(function(){ $('.boxCategories ul > li ul') .click(function(e){
i have a website where i have on the left side a button menu and on the right side an accordion menu. how can i get it to work, that when a user clicks on a button in the left menu, the associated entry in the accordion menu will open?
I'd like to be able to get Superfish to expand the entire menu and show the current active link in pathlevel 2. I'm using the nav-bar style and it seems that only pathlevel 1 is visible:
I am trying to develop a jquery based keyboard navigation for my new project.....
My code:
But the problem i face is that when my active link goes to first element of unordered list and then i press up arrow key, then i lose track of my active link...
In a nutshell, I need to set add/remove a class called 'active' to/from a link that is clicked within a DIV. So if the link has the class 'active' already assigned I need to remove it and vice versa however the issue I am having is that I have to double click the link in order for it to work!!
I have some problems with assigning a class to my included navagation menu. I would like to give the last clicked menu item a active class so I can style it but i have no clue how that works with javascript. as you can see i have three files two pages which included the same menu. Now I would like to set the first page to active because it would be the page the would start. but then when someone clicks the second page it should become inactive and set the active class to the secone link.
I have a sample page with three tabs (tabs.html). Tabs are displayed as follows: <ul class="tabs"> <li><a href="javascript:tabSwitch('tab_1', 'content_1');" id="tab_1" class="active">Tab 1</a></li> <li><a href="javascript:tabSwitch('tab_2', 'content_2');" id="tab_2">Tab 2</a></li> <li><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3">Tab 3</a></li> </ul>
The JavaScript used to switch tabs is: function tabSwitch(active, number, tab_prefix, content_prefix) { for (var i = 1; i < number+1; i++) { document.getElementById(content_prefix+i).style.display = 'none'; document.getElementById(tab_prefix+i).className = ''; } document.getElementById(content_prefix+active).style.display = 'block'; document.getElementById(tab_prefix+active).className = 'selected'; } Now, by default, when I link to tabs.html, the first tab is set to active. Is it possible to create a link from another site that links to tabs.html and forces the second or third tab to be active?
I am trying to figure out how to make a certain text link load in the active link color. What I'm doing is using frames to display different colors of product. In the right frame is the list of colors, and when clicked on, the image in the left frame changes to show the same product in a different color.
What I need is to let users know which image is being shown when they first come to the page, so I would like that link to show in the active color when the page is first loaded and then change to a visited link when another link is clicked on.
I've been able to develop the content div swap for the following test site, [url], but can't figure out how to highlight the active name in the left-hand sub-navigation.
iPhone and more can automatically recognize phone numbers and make them an active link to click and initiate a call to that number. I can do this on many webpages, but not in myTinyTodo task list. Anyone know what might be preventing the phones from being able to recognize the number and make it active?
You can input a task on this page with a phone number and then view on your phone to see if it is active link or not.[URl]...
I need a counter that will display beside a link, with the number of times the same link has been clicked. I do not have FTP access to the site, since it is based on a CMS.
I have been using the Sitepoint book jQuery from Novice to Ninja. I'm still very much a novice but I'm making some progress...I have a jQuery accordion effect set-up on a a nested list. The effect is working great, however, I want to retain the menu state (e.g. which section is open) when a user clicks a particular link and the site loads a new page. I'm thinking I must need to use a cookie or similar but have no idea how to implement this. Here is the jQuery I have currently:
Code JavaScript: $(document).ready(function(){ $('.boxCategories ul > li ul')
I am using jquery accordion where multiple accordions can be opened by user. I added onclick event to that adds source to an iframe within that accordion when user clicks on it. However I want to only load the source into the iframe when an accordion is opened...currently I load the source into the iframe even if they close the accordion.Example:<div id="toggleboxes" nclick="loadIFrame('iframe${iframe}','${mstrObject.firstChild.objectUrl}');">How can I determine if the onclick event on the above div is for open accordion action only?The code below returns object object. I am quite new to jquery and have been scratching my head for a bit regarding this. Does anyone know how to achieve this?I tried the following:var active = $( ".selector" ).accordion( "option", "active");Here is my loadIFrame function.
function loadIFrame(iframeId, reportUrl){ //getter var isActive = $( ".selector" ).accordion( "option", "active");
I have a problem where I want the menu with 'active' to be opened, belew is the script and source I have.The accordion works fine, but just does not open on the active page,
<HTML> <HEAD> <script type="text/javascript"> function linkbox(value) {
[Code]....
In my plans when I click on "Open 1" link in the bottom of the page, inside the div with id="pagehere" it'll appear the page www.mydomain.com/1.htm. The same fot "Open 2" link which should show the page 2.htm inside of the div tags.
Which effect can I use to do this? I am trying to use .html() but it seems it is not the right way..
I am using an jquery accordian as a menu in my site...it goes on next page when i click on the button but i want to show an that button in active state when it on is on its respective page.
Below mentioned code is i am using for my accordion menu.
