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]...
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]...
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]....
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:
I am not terribly familiar with Javascript but i am looking forward to learning, and currently the problem I am facing is this:I have an a file being included to an .shtml document, that serves as my navigation, the code is like this:
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Home</a>
<ul>
[code]....
I want to create an own horizontal navigation and so the navigation is a nested list like
<ul id="mymenu">
<li>entry1
<ul class="abc">
[code]....
<div>
</div><div>I did some navigation menu and sub menu using jquery ,</div><div>
</div><div>like ;</div><div>
</div><div>Menu1 </div><div> Sub menu1(some.php)</div><div> Sub menu2(some1.php)</div><div>
[Code]..
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?
Ive been working on a site with a dropdown menu. its styled with css and animated with java i would like to add support for keyboard navigation.
var DDSPEED = 5;
var DDTIMER = 5;
main function to handle the mouse events [code].....
I was wondering how to implement the + and - signs that Sitepoint employs in their navbar to collapse and expand link text. My teacher showed me a cursory example but he was in a rush so I didn't have time to copy down the code = /
From what I understand, you need 2 divs, and if its clicked the first time, make it inline, if it's clicked again, make its display none. I'm just not sure how to throw that into code! From what he showed me, it's a few lines long so not too troublesome, so I hope someone can be of assistance.
Can someone give me broad tips on whether it is possible to make a site
keyboard navigatable?
I know that you can do it with "tab" but in most cases that's annoying. I'm
curious whether it is possible to assign shortcut keystrokes to certain
buttons, links, etc.
I'm trying to do something rather simple. I want to find the only
<form> inside of a <div> named "newreplyform". Here's my code:
var nrf = document.getElementById('newreplyform');
var form = nrf.getElementsByTag("form")[0];
But Firefox gives me an error: Error: nrf.getElementsByTag is not a
function
I'm a Python fanboy, and am just trying to get through some JavaScript
code as quickly as possible. Am I doing something completely misguided?
I have a back and next function. Back takes to the previous page and
Next takes to the next page. On some pages I want users to answer a
question before hitting the next button. If the users do not answer the
question the next displays an alert box. Now the following code does
that. But here is the PROBLEM
If you have answered the question once and you go back. You NEED NOT
answer the question again and clicking NEXT function will take you to
the next page
Each content page has a variable. The following goes on each top
content page
<script language="javascript">
var pageNext = "ab_04_01_0030" ;
var pageBack = "ab_04_01_0010" ;
eval("var " + pageBack + "answered = false"); // dynamic variable
set per page
</SCRIPT>
// The following functions are in another frame called navigation
function GoNext(page_name)
{
page_name = page_name + ".htm" ;
if (page_name != "#"){
var valu = top.Content.pageBack ; // Frame name is content
if (top.Content.eval(valu+ "answered") == true) {
top.Content.location.href = page_name;
}else{
alert("You need to answer the question");
CheckAnswer();
}
}
}
function CheckAnswer (){
var valu = top.Content.pageBack ;
top.Content.eval(valu+ "answered = true") ;
// temporarily sets that you have answer the question
}
Anyone know a good site that'll teach you how to make a drop-down navigation
bar? I assume it is javascript
added a navigation javascript to my page with an existing slideshow javascript. The slideshow javascript loads fine. The navigation javascript doesn't load. Can someone assist me. Here is my code snippet.
Html
<script type="text/javascript">
function initAll() {
[code]....
I ran across some code I cant figure out what exactly its doing and cant find it online or in my Javascript Bible. There 3 things I cant figure out. Here they are:
var Trigger=NavYes&&!Opr?Par:Bod; - Im thinking this is a different type of if,else statement being if(par);else(Bod). If so, how does this factor into this statement?
window.opera && navigator.userAgent.search(/opera.[1-6]/i)!=-1 - I have NO idea what any of this is saying but I know what its trying to do by the comments beside it. Its testing if the browser is opera 6 or lower but how??
var ExpYes=AgntUsr.indexOf('msie')!=-1?1:0 - what is the !=-1?1:0 mean?? I know its testing for Internet Explorer but how??
If there is a place that has explination of all of these seasoned coders' shortcuts, where is it??
Let's say I have 3 image sourced buttons serving as a nav bar at the top of my page that control an iframe below. When I hover over the images I use a change source script to alter their appearance - easy enough. But what I want to do is have the button keep the hovered state when it is clicked.
Using the onClick function I can do this but when I MouseOff of the button it goes back to the non-hovered state because of the original hover on/off code. My question is "Is there a way around this? - maybe with an if statement or something." .
I have an Ajax Tab Panel on my webpage with three tabs in it.On my first tab i have some textboxes.Now I want to give Alert message to user if user navigates to another tab after changing value of any of the text box.I want to perform this task using Javascript if possible.Or else any other solutions are acceptable.Below Image shows my tab panel structure
View 1 Replies View RelatedI used JavaScript based tab navigation in this page which is working properly in every browser including IE8, except IE6 which is giving error "object expected on line1". Could you please point out the problem what causing this error. The URL is given below
[url]....
I am using this JavaScript file on that page ResidentialTabNavi.js
Looking for some assistance to determine why the sub-navigation is not being displayed properly. The website in question is datasyst.waldenwebsites.com and you will notice that in the top navigation there is a sub-menu for ABOUT DATASYST. The sub-nav works on any page that has the banner images but if you select any page from the left navigation the Careers sub-menu is behind the text box. The issue is consistent across all the major browsers
View 1 Replies View Related????-?(www.net.cn)http://www.sitepoint.com/forums/atta...1&d=1310736398when the mouse hovers on the first li, under it shows a text line. when hovers on the second li, under it shows a sub navigation rows.eg:if the following is my html structure:
Code:
<div class="nav-top">
<ul>
[code].....
Anyone know the best way to make the function below work for multiple HTML select boxes in the same form?
function formHandler(form){
var URL = document.form.sBox.options[document.form.sBox.selectedIndex].value;
window.location.href = URL;
}
Function is called onChange.
My website links are not dropping down correctly in my navigation bar. I have just updated my CSS so that the website sits correctly in the middle of the IE7.
Somewhere in the process my JavaScript navigation bar has pushed the drop down menu off to the right and so it doesn’t line up with horizontally under the menu heading, any ideas?
I would like to have a navigation menu with prev/next in a top frame
and in the main frame a PDF file.
I think this might be possible with javascript:
- get current file name
- go to next prev in the list of 10 files
I am quite new to Javascript, but not new to programming in general or to (X)HTML.
Using events, is it possible to redirect someone to a new page? So if
you lined up five buttons, you could use this as your page's navigation
bar?
I am currently working on a static website for an auto parts company.
I've spent quite a long time with the owner of the business in
developing a javascript version of a windows explorer type of
navigation to be able to find these parts.
I was just notified that the individual that wants this done also does
not want the external .js file to be able to be copied, and someone
else profit from his/our work. I know that you cannot hide a client
side file; no matter how hard you try someone can get it. However, if
I deciped to go with a database instead, could I use a variant of this
file or convert it to another type that will allow me to use an access
dbase that we have, and yet keep my navigation the way I programmed
it?