JQuery :: Adding Selected State To Navigation With Window Location Match?
Nov 15, 2010
I know that others have asked about adding a class to a navigation based on indow.location, but I couldn't quite fit my question within those bounds, so hopefully it's alright to ask here.RequirementAdd a class based on window locationComplexityThe current if/else method I have doesn't work correctly, because all subsequent URLs will have the initial word we're looking for,andI'd like to have the final else to be on nav id#3 - (because the url's there will all be varied and may change later so adding those specifically in the if/else seems redundant)So far I've probably explained nothing, so here's what the code looks like:
if (window.location.pathname.match(/(employees)/)) {
$('#nav1').addClass("selected");
}
[code]....
View 2 Replies
ADVERTISEMENT
Feb 14, 2010
Danged if I can find the thread, but I swear I saw a $.url() reference in here a day or two ago. It was beingutilized for parsing out the window.location or window.location.search parameters. I made a mental note because that was something I would be needing to do.
Now I can't find it, either because the search isn't finding it or I was dreaming about this function existing.
I rummaged about the API docs and didn't find it there either. Is it something provided by one of the plugins and not a function native to jQuery?
View 3 Replies
View Related
Jul 20, 2005
there's a line in my Javascript program that makes a change in the
appearance of an area of the screen. it is a game program, so there are
a cascade of changes after the user makes a move. these are carefully
sequenced and timed in a loop which contains the "action" statement
document.images[k].src = offGIF[currNode];
unfortunately, the *actual* screen updating appears to be 1)
asynchronous and 2) faulty!
_asynchronou_s in that things change in the wrong order, as if each has
its own thread and they run at random.
_faulty_ in that occasionally an area that would change from, say,
picture1.gif to picture2.gif and back again (according to game logic)
lands up showing picture2.gif. even though the internal game logic has
it recorded (and i assume document.images[k].src would be correct, even
though the screen is not) as picture1. so.
is there a way to wait or surrender control to the system until the
program statement's intent has actually been rendered to the screen?
something i can test to see if the unerlying system mechanism has caught
up with all changes to document.images?
View 1 Replies
View Related
Jul 26, 2009
I'm quite new to web design and Javascript in particular. How to resolve a problem with the navigation bar in a website I am currently working on. The navigation bar has 3 main categories and there is an 'active' state so the page currently viewed is shown as grey underline text in the navigation bar. The thing is, I also have sub-categories that are not included in the navigation bar but I'd like to make it so the sub-category page currently being viewed makes the main category to which it is attached showing as 'active' in the navigation bar.
This is the structure of my site:
index.html
contact.thml
illustration
index.html
illustrationproject1.html
illustrationproject2.html
illustrationproject3.html
photography
index.html
photography1.html
photography2.html
So for example, if I'm in illustrationproject1.html, the Illustration tab in the navigation bar should be on the active state. This is the code I have so far:
Navigation Bar:
[CODE]
<ul id="nav">
<li class="nav_item"><a href="illustration/index.html">Illustration</a></li>
<li class="nav_item"><a href="photography/index.html">Photography</a></li>
<li class="nav_item"><a href="design/index.html">Design</a></li>
<li class="nav_item"><a href="stories/index.html">Stories</a></li>
<li class="nav_item"><a href="profile.html" title="Profile">Profile</a></li>
<li class="nav_item"><a href="contact.html" title="Contact">Contact</a></li>
<li class="nav_item"><a href="links.html" title="Links">Links</a></li>
</ul>
[ICODE]
This is the Javscript for the active state:
[CODE]
function setActive() {
aObj = document.getElementById('nav').getElementsByTagName('a');
for(i=0;i<aObj.length;i++) {
if(document.location.href.indexOf(aObj[i].href)>=0) {
aObj[i].className='active';
}}}
[ICODE]
So this code is working but I'm just not sure how to apply it to the subcategories as well. I can see what I should do, write some "if" statement but I don't enough of Javascript yet for this...
View 2 Replies
View Related
Jul 15, 2010
I am using JQuery form and trying to validate that a state was selected. Here is my form code:
[Code]...
View 4 Replies
View Related
Oct 14, 2009
Is there anyway to pass a callback to the options to be called when anoption is selected?
View 2 Replies
View Related
Nov 9, 2010
I am working on my website and am having trouble with the navigation bar. I am using Javascript to write innerHTML and if statements for finding what page I am on. Currently I am trying to figure out how to find out the document name so i could do something like:
[Code]...
View 2 Replies
View Related
Aug 15, 2006
Someone told me that determining the exact location and current state of any
JavaScript controls is pretty easy. Does anyone know exactly how this is done?
View 10 Replies
View Related
May 19, 2011
I'm trying to use the cookie plugin to remember the state of a navigation menu from page to page. Here is the snippet of code from towards the top of my page where I am including the jquery files and cookie plugin. The second part of the sample tries to determine whether the cookie exists.
[Code]....
View 1 Replies
View Related
Jan 10, 2010
I'm attempting to get a nav system in place that will highlight the current nav item based on full path. The <li> of the menu item matching the current page should have the class "selected" attached to it. I'm just having zero joy and I've been at it all weekend.
[Code]...
View 2 Replies
View Related
Nov 23, 2007
I got a form page with 3 radio buttons. Radio button ,say A,B,C.billing and shipping address is what the form page consists of . Onclikc of A the user selects hide shipping address. On click of b , copy billing to shipping address as well and on click of C, user would type in a diff shipping address... All works fine.but when i submit the form, and if form not complete, the after validation forms gets all the value but do not retain the selected radio button and the shipping form elements disabled or hidden status..
View 2 Replies
View Related
Aug 2, 2011
My first foray in using JQuery - trying to customize navigation in SharePoint 2010. Have adapted some jquery found online through various sources to meet needs. However, having an ID assigned to the <ul> element that drives my menu is required. SP, while dynamically building menu does not assign and ID to the ul element. Been trying, unsuccessfully thus far, to use jquery to add and ID tag to the proper ul... just wanted to see if that is in fact possible and for any tips in implementing.
Output is <ul class="root static"> and I would like to replace it with <ul class="root static" id="menu">
I have been successfully in simply replacing the cssclass (which doesn't actually help me) and in replacing regular text in the body, but just can't get that ID added to the element.
View 2 Replies
View Related
Feb 3, 2011
I have a set of regular expressions that make heavy use of the | operator on sections that I do not really need to extract a match from. For example:
Code:
var regexp = /([A-Z][A-Za-z]+) (jumps( high)?|leaps|bounds) over ([A-Z][A-Za-z]+) and (grabs|snags|gets) (a|an|the) (apple|orange|pear|grapes)/
The important part for extracting from the match array after using regexp.exec() are the names (the ([A-Z][A-Za-z]+) parts), I don't care which of the other things are matched. The problem is that using the | operator seems to necessitate using the () and adding a term to the match. This makes it difficult to know which term in the array will be the names, especially after editing the middle.So I'd like to be able to use the | operator on words and phrases without adding terms to the match array.
View 2 Replies
View Related
Apr 6, 2011
I have the following script in my page
var tickspeed=4000
var enablesubject=0
if (document.getElementById){
[code]....
I also have the following in my html:
<div id="dropcontentsubject"></div>
<div id="dropmsg0" class="dropcontent" subject=""></div>
There are a total of 4 dropmsg# divs. I need to be able to input 4 navigation buttons below this code that will, when clicked, pause the ticker and go directly to the "dropmsg#" assigned to that button.
View 1 Replies
View Related
Nov 1, 2011
I used the code from the following article...[URL]
$(function() {
$('img[data-hover]').hover(function() {
$(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover',
[code]...
why does the rolled over image's src return to the original value when the user rolls back off it?
View 1 Replies
View Related
Dec 24, 2005
I am trying to open up a new window and then get the current url/location
back from the (win_1) window and display the url in an alert box.
Here is the code I am using :-
<script type="text/javascript">
var mywin_1 = open ("http://www.anysite.com/index.htm", "win_1",
"height=640, width=820, left=200, top=0, scrollbars, status, location");
var temp = mywin_1.location;
alert (temp);
</script>
Where am I going wrong?
View 2 Replies
View Related
Nov 13, 2011
I'm using window.showModalDialog but having an issue trying to set the parent window(main browser). I open modal window A which is then opens modal window B, top of modal window B onload I do window.opener.close()". My issue now is when i'm finished with B I set parent window(main browser) to a new url with window.opener.location. So my problem is modal window A the parent has been closed so window.opener.location will not work.
View 3 Replies
View Related
Nov 28, 2010
I am trying to add markers to Google Maps, they are working fine but some of the markers are of same location, thus Google Map will show only one marker for them. Is it possible to show all markers no matter if they are of same location.
View 1 Replies
View Related
Aug 22, 2011
I have a homepage with two frames. The left frame is the navigation menu with about 30 links to different websites. The right frame (frame name is "display") is used to display the content of websites when user click on the links on the navigation menu.Left Navigation MenuThis is part of the codes of the Left Navigation Menu:
<div id="LoadPage">
<a id="link1" href="http://domain1.com" target="display">Website 1</a>
<br>
[code]....http://domain1.com
View 5 Replies
View Related
Jul 7, 2006
If I type http://domain.com/product/5 into my browser I will see the
product details in the main div plus a side bar div containing links to
other products. This side bar is common to all product views. I click a
sidebar link to product 6 and an ajax request updates the main cell
with the product 6 information. My location bar will still say
/product/5. If I refresh the browser I will see product 5. If I
bookmark the page it will be for product 5. If I click the back button
I will go to the page I saw before product 5. I know none of these
problems with AJAX are new. Why is it that JavaScript can't tell the
browser "Now you are looking at http://domain.com/product/6"? Is there
a security risk? Is this just something not yet implemented?
View 4 Replies
View Related
May 2, 2009
Perhaps I need a function? that will test for 2 or 4 exact matches, then opens the window or page?
Lastly I need to put some white space btw some data
example aaaa 111111 vs aaaa111111
What I have so far
<html>
<body>
<script type="text/javascript">
var x;
[Code]....
View 4 Replies
View Related
Sep 13, 2011
I have a small problem which I haven't succeeded to find any answer to. How do I get this to open in an external window?
$("#id").click(function() {
window.location=$(this).find("a").attr("href");
return false;});
View 1 Replies
View Related
Nov 27, 2010
I've got code, but it doesn't href's (redirects) user after changing the <select> value; what I need to fix?:
what I want to open page (make redirect) and to do that I need to ADD to the LINK [url]
[url]
View 2 Replies
View Related
Nov 24, 2009
I wonder why firefox won't work with this script below, but it works on IE, Safari, and Chrome instead?
Code:
$(document).ready(function(){
$(window).resize(function(){
location.reload();
[Code]....
The reason to reload the page is to reload the google map when the window is being resized.
Here is the link to look at, [URL]
View 2 Replies
View Related
Feb 2, 2011
I am attempting to make a menu that has a background image that changeswhen you rollover or click a menuitem. I've got the hover effect working fine with CSS, but am trying to implement the click event via jquery with the following:
CSS:
div.SustainResourcesMenuTabs
{ background-image: url('/images/departments/commdev/sustainability/menu_tab.jpg');
}[code]....
My process is to reset the entire menu to the inactive state, then switch on the active state for the item that was clicked. Eventually, the item that was clicked will display its corresponding body section as well. I've tried using the CSS pseudo-class "active", but since the entire div is the link, that is unavailable. I've also tried multiple variations of addClass/removeClass, toggleClass, and setAttribute/removeAttributebut nothing hasworked so far.
View 2 Replies
View Related
Nov 2, 2009
I'm trying to implement a minimal navigation bar using jQuery's toggleClass() function but can't seem to get it working.
It's the .img_selector div at the bottom of the page:[url]
I want to toggle the 'active' class for each <a> when it's selected, to indicate which image is showing, so after calling jQuery, in the <head> I've got:
Then the links, which also include the showPic function:
View 4 Replies
View Related
