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 RepliesI'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]..
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 am trying to get a simple set of Javascript tabs to work properly. I have just two tabs and I want to set up the script to have the second tab automatically hidden prior to reading the javascript code because right now it shows the contents of both tabs when the page is loading and then the second tab disappears after all the script has loaded.
I have the jquery script linked to on the page and here is the way my script looks to run the tabs:
Code:
I want to add something like style="visibility:hidden;" to the DIV that isn't shown on page load and have it added and removed as necessary when users click on the tabs. So basically I would like the generated code to look like this:
Code:
Specifically, assume I have a div tag of absolute dimensions. I need
to figure out, first, whether or not the text inside the div tag is
partially hidden by the overflow setting, and if so, what the hidden
text is.
Is this even possible? Obviously, the rendering engine in the browser
"knows" this information, but is it accessible through Javascript?
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
????-?(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 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 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?
I've got a fixed header that about is 150px in height and I want the scrolling content to start after the header (top:150px)
On theinitialload, the page displays correctly. But when I use the navigation to scroll up and down, it seems like the page wants to skip the top 150px. In other words, if I click 'home' the div scrolls to the top of the browser window (disregarding the 150px) - the scroll bar stopping short of where I want it to go. You can see it here:[URL]
I tried do it another way, by wrapping things in multiple windows, but when I did that, the scroll bar didn't move with the page. Content stayed exactly where I wanted it, but the vertical scroll bar didn't move with the content. You can see it here:[URL]
Can't tell if it's a jQuery or a CSS issue that I'm missing. I'm not emotionally attached to either one of these processes, but I do need the content to stay 150px from the top of the page, as well as, the vertical scroll bar to move with the content.