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?
View 1 RepliesI 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");
[code]....
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,
$(document).ready(function() {
$("#accordion").accordion({
active: '.active',
[code]....
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.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
[Code]....
I've got an accordion horizontal panel, and I have it set to display #accordion li:last - on page load. Then clicking on the panel lables will open other panels
my delimma is that on page load, the content of the active panel is not displayed until you click on its respective "label" I think I'm missing some code for the activeItem... I need it to show the content of that li tag on page load. ALSO, I've tried giving the li tag I want displayed first its own id, but had no luck with that.
[Code]...
Whether there is a way to get the index of currently active/selected row in tabla just like in C# dataGridView
View 1 Replies View RelatedI am using a basic jQuery accordion and what I am trying to do is add a button inside each section where if the user clicks the button, it will collapse the section, leaving all the sections closed. I just don't know how to get the button to close that section.
See below for example of what I am doing.
<div class="accordion">
<h3><a href="#">Header One</a>
<div>
<asp:button runat="server" class="cancelButton" text="cancel" />
[Code].....
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]...
View 4 Replies View RelatedI'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 think this is just a dumb question, I'm missing some basic logic here about jquery "grammar".
I'm trying to do an image swap on hover that checks to be sure the thumbnail is not the active thumbnail. So mouseover, it swaps. Mouseout, swaps back, unless the thumb has been clicked.
Here's a snippet of the code that doesn't work:
How do I check that _li is not ".active" and replace the src if it isn't?
I'm working on a project where a user is going to click on a name in a list, some code will happen, and then some JavaScript will get a corresponding blob from a server and display it in a new text file.however, the time that the text file is both open and active also needs to be saved. I'm planning on using an ActiveXObject to display the data, but I haven't been able to find anything using either JavaScript or any other language that will be able to see when the user closes the text file or when the text file is active.For this part of the project, the text file is NOT supposed to be open in another web page. Does anyone know how this could be done?
View 1 Replies View Relatedim clueless when it comes to javascript, but this is what im trying to find: i have a page that has multiple text areas, i also have 4 links that when clicked i want to add some predefined text into the active text area the one with the text cursor in?
The Hyperlinks:
<a href="#sc">Shift Changed</a> | <a href="#ol">On Leave</a> | <a href="#ot">OverTime</a> | <a href="#ss">ShiftSwap</a>
The textareas:
<td><textarea name=details$i rows=4 align=absmiddle cols=16 value="$details[$i]">$details[$i]a href=
i have a page that has multiple text areas, i also have 4 links that when clicked i want to add some predefined text into the active text area the one with the text cursor in?
The Hyperlinks:
Code:
<a href="#sc">Shift Changed</a> | <a href="#ol">On Leave</a> | <a href="#ot">OverTime</a> | <a href="#ss">ShiftSwap</a>
The textareas:
PHP Code:
<td><textarea name=details$i rows=4 align=absmiddle cols=16 value="$details[$i]">$details[$i]
Yeah that was a loooong title. Hopefully it's clear enough :D Right now, my div changes opacity if it's moused over qua the following code:
style="opacity:0.3;filter:alpha(opacity=30)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.3;this.filters.alpha.opacity=30
but this isn't quite optimal, cause if the user mouses out, it changes back to fade, and the user can't quite see what he's entering. So I would like the div to have opacity=1 when one of the textfields in it is active and opacity=0 when it's not. Is there a way to do that?
adding a class to an active li. I'm working in drupal, and the system adds a .active class to the DOM of whatever li class was last selected.In my .js file I added the following:
$('document').ready(function(){
var tabActive = $('#tabs-tabset ul.primary li.active a');
tabActive.addClass('tabknotch')
});
This works perfectly...for the first tab. when I navigate to the next tab the class does not change. I thought maybe there's a variable in the dom that is causing the class to not move, so I tried narrowing the div that it looks for and tried this:
$('document').ready(function(){
var tabActive = $('li.active a');
tabActive.addClass('tabknotch')
});
This achieved the exact same results...so there's obviously something I'm missing, but don't know what it is. If it's any help, here are two examples of the generated DOM that occurs when clicking on the active li. The first example is the div that has the class added, and the second is a div that does not have anything added. <li class="overview ui-tabs-selected active first tabknotch"><a href="#overview"><span class="tab">Overview</span></a></li> (this is the active tab where the jQuery succesfully adds the "tabknotch" class)<li class="features ui-tabs-selected active"><a href="#features"><span class="tab">Features</span></a></li> (this is the active tab that does not have the class added when clicked. When this li is active knotchtab remains on the other li that no longer has the .active class attributed)
I have a single page website and I would like to add an .active class to my links when I reach a certain point on the page (this will be done by unique div or section id's). The classes are currently empty, so I would need to be able to remove and replace the .active class accordingly.
Here is my html:
<
nav
id="main-nav">
[code]....
Having a navigation menu desighned in photoshop, how can I use jquery to add a active state class to my css which can use the same hover style for active menu?
Here is the HTML code:
<ul id="nav">
<li id="list1"><a href="#"><span>Home</span></a></li>
<li id="list2"><a href="#"><span>About Us</span></a></li>
<li id="list3"><a href="#"><span>Projects</span></a></li>
[Code]....
I've this CSS to style my links in my menu:
.menu a:link, .menu a:active, .menu a:visited{
color: #ffffff;
text-decoration: none;
}
I would like to find the a-tag (<a>) which is active. I've tried something like: $('.menu a:active'). How can I find that element?
[code]I've got a long navigation, and pages slide in and out of view.Troubles are, if the user impaitently clicks a load of links while the page loading and sliding in is happening, it melts my (probably poorly written) code.So, I'm trying to stop the user from clicking on any other buttons,while the page loader is doing it's thing.
View 8 Replies View RelatedSo basically I have this menu, the only problem I have is that I would like the colour of the text depending on which the 'LavaLamp' Image is when loading up to be red. For example when loading up this website (my url to the menu) [URL] I would like the text 'Home' to show red, since it is the active tab on page load.
View 1 Replies View RelatedI am attempting to set it so that upon clicking a link within this Joomla site (from the navigation menu), the link will become bold. I have already implemented CSS for ".active" and set the "LI" class to 'active' to the first class.
I have done a search for the JQuery code to do this, but each example that I tried did not work at all. The class remained to be on the first link, home.
[Code]...
I created an accordian menu which includes categories, sub categories and sub sub categories. Once you hover(css) on one of the menu options there is a hovering effect. What i would like to achieve now is that once a menu option is chosen that option remains highlighted (:active) until another menu option is chosen.
View 3 Replies View RelatedI 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"
[code]....
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.
I'm using href fragments to 'jump' down the page. The links have a fixed position so they stay visible.
How can I highlight the active link? So when you click link2 and you jump to the blue section, how can I highlight the link2 text?
How to open the activ ul from the start at a site [url]
View 1 Replies View Related