I have several switch menus that are VITAL to my website's navigation. They all worked very well when I tested the pages in all browsers. However, I finally FTPed my site to the internet, now when you click a link from a switch menu, instead of staying opened due to the onLoad function in the body, they do not appear.
Strangely, the only way to get my switch menus to show is to refresh the page.
I need to refresh a div which contains an ad while the rest of the page stays the same. I think I'm pretty close by reading the previous posts on this site, but one odd thing is tripping me up and I can't figure out why. When I call my function to refresh the div, it replaces everything on the page instead of just swapping out the div. Code:
View 6 Replies View RelatedI ma having an issue with a JavaScript slider. If you look at this page, at times the slider does not work and the user is having to refresh their page before it works. It's the same in Firefox and IE.[url]...
View 10 Replies View RelatedI'm new to javascript and im trying to add a close button function to my certain pages of my site. I use this code:
<a href='javascript:window.close();'>Close Window</a>
to create a hyperlink which closes the window. However with pages which
display data retrieved from a database using PHP i use a form to submit
a search on the page which displays results. At the bottom of the page
is the close window link, however it fails to work once a form has been
submitted on the page. It only works when the page first loads.
Any ideas guys on how i can get a close window option that works on my
results page after submitting a search?
Is there a method to check if a user refreshed a page?
I'm designing an online psychological experiment and I want to see if the user refreshed a page (to see if he was trying to see an image that he was supposed to see only once).
I am very new to javascript so I'm sorry if this is a stupid question. I made this page by pecing scripts together that I found online. I don't even know if this is the best way to get my desired results. I want the background to fill up the entire window, as well as the text and link to remain on the bottom in their respective corners and also re-size with the window. The code doesn't work the first time the page is loaded, but it works fine after it is refreshed. Do y'all have any suggestions on how to fix this.
View 1 Replies View RelatedI am passing an argument from the first page to the second using form "get" method.
My second html page is a dynamic page.So i couldn't retain the data which im getting from the first page because when the second page is refreshed the data is lost as the URL content is changed.
I'm loading external div content into another page div based on the hash. It works fine but when you click the link, the page loads, but it's blank. If you refresh the page it appears.I'm looking for some way to refresh the content (once).
View 1 Replies View RelatedI have a form within an iframe that I want to use to refresh the location of the parent. I am using the form to set session variables that are used within the parent. So in the iframe I have:
<form name="MyForm" method="POST"
action="<?php echo $_SERVER['PHP_SELF'] . '?' . SID; ?>">
And to submit this form I'm using this link:
<a href="javascript: submitform()">Search</a>
Which refers to this script:
<SCRIPT LANGUAGE="JavaScript">
<!--
function loadParent()
{
parent.location.href = "/search_results.php?";
}
function submitform()
{
document.MyForm.submit();
loadParent();
}
//-->
</SCRIPT>
(I think!) my problem is this; it works fine if the MyForm action, i.e. ="<?php echo $_SERVER['PHP_SELF'] . '?' . SID; ?>", completes before loadParent() is executed but if there is a slight delay in the time it takes for the server to do this, loadParent() is executed too early and the input from MyForm is lost.
What I need is to tell the script to wait until the MyForm action has completed, i.e. the page has refreshed, before running loadParent(). I'm sure there are loads of different ways of doing this. Ideally I would like something that detects the page refresh within the iframe (caused by the MyForm action) and not something that relies on a timed delay loop.
Script to show on the web page that how many times user loaded it or refresh it. the counter restarted from 0 on closing the browser and open it again.
View 9 Replies View RelatedI'm trying to figure out how to make a select box change which <div> should show or hide...
Code:
<scipt language="JavaScript">
function doHideShowMatchplayOptions(divName){
[code]....
I am trying to show/hide div tag using the script below.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language=javascript type='text/javascript'>
function showDiv(pass) {
var divs = document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
if(divs[i].id.match(pass)){//if they are 'see' divs
if (document.getElementById) // DOM3 = IE5, NS6
divs[i].style.visibility="visible";// show/hide
else
if (document.layers) // Netscape 4
document.layers[divs[i]].display = 'visible';
else // IE 4
document.all.divs[i].visibility = 'visible';
} else {
if (document.getElementById)
divs[i].style.visibility="hidden";
else
if (document.layers) // Netscape 4
document.divs[i].visibility = 'hidden';
else // IE 4
document.all.divs[i].visibility = 'hidden';
} } }
</script>
</head>
<body>
<a href="javascript:showDiv('F256')">Home</a>
<a href="javascript:showDiv('F512')"> About Us</a>
<div id="F2561" style="position: absolute; left:5px; top:54px; background-color: #0093DD; border: 1px none #000000; visibility: hidden">
Home
</div>
<div id="F512" style="position: absolute; left:5px; top:54px; background-color: #0093DD; border: 1px none #000000" >
About Us
</div>
</body>
</html>
When I tested the above, everything works fine. But when I tested it on my real web, it went wrong. The div tag that I want to show after clicking a link disappear rather than displayed, not only that specific div tag, but all of div tags were gone. What I did in principle was trying the script only on the first 2 menus; home and about us. The home div is set to have absolute position and no visibility property being on the landing page. The about us div is set to have absolute position and hidden. When the about us button was clicked the whole div tags disappeared (only showing the flash banner). My main div consists of other sub divs but without id, only classes, could this be the reason?
I was told to use some Javascript to achieve collapsing menus. This is my current try, but it doesn't seem to be working. The end result should be like the menus on this site: [URL]
This is my code so far:
<HTML><HEAD>
<title>Test</title>
</HEAD><BODY>
<script type="text/javascript">
var hide = 0;
function Show(){
alert("Test");
if ( hide == 0 ){
document.write("<a href=\"county.htm\">County</a>");
hide = 1;
} else {
document.write("");
hide = 0;
}}
</script>
<input type="button" onclick="Show()" value="Services" />
</BODY></HTML>
For some reason, Show isn't being called. The alert doesn't even show up. Though I'm under the impression the script should go above the first time it's used in the document.
I recently created a website with a spry dropdown navigation bar. On preview from Dreamweaver CS4, in Firefox, IE, Opera, Chrome, all elements work properly and the dropdown menus work as well. However, when I upload it to my server at the domain URl..., the dropdown menus do not show up on rollover. I don't know what is going on. The .js file and .css file are both appropriately linked to the root folders as well.The dropdowns are supposed to be displayed under 'online resources' and 'citing your work'
View 4 Replies View RelatedI have an animated main menu that uses slideDown() to show the sub-menus, triggered by the .hover() event on the parent. There's another animation on the home page that uses jCarousel to rotate the items in a <ul> every three seconds. Whenever a hover event on a parent menu item coincides with the animation trying to load a new frame, the menu freezes until the other animation is loaded. As common as animated menus are these days, I can't believe I'm the only one who has ever come up against this problem.What I want is for the menu animation to take precedence no matter what, but I understand that JS has no "priority" feature (not being multi-threaded)
View 3 Replies View RelatedI need to refresh multiple images on my site. So every time the page gets refreshed the images need to change. It worked fine with the script below, but this is only related to 1 image
I tried to copy the script and change the "ID's" but this does not do the job.
What should I change/add to the script below?
In head:
In body:
I'm trying to get the pic to change when the mouse rolls over the button. I used this template of code and it works:
Code:
<A HREF=""
onMouseOver="document.pic1.src='menu1on.gif'"
onMouseOut="document.pic1.src='menu1off.gif'">
<IMG SRC="menu1off.gif" BORDER=0 NAME="pic1">
</a>
The problem occurs when I attempt to change a *second button* to have two buttons change on the same page. Here is how the code for two buttons looks side by side while it works:
Code:
<a href="development.html">
<img height="20" src="hXXp:\mywebsite.com/SIDE4H.png" style="border-width: 0px; margin-top: 2px; margin-bottom: 2px" width="185" /></a><br />
<a href="exhibitions.html">
[Code]...
im trying to have two links at the top of a page one is FEED and the other is INFO when the page opens it should be on feed, and if i click info it switches to info and the feed button becomes available to click again, at this time hte page content should switch as well.
View 6 Replies View RelatedI am trying to make a form where the user is only able to select an option from one of the drop down menus and if they click both then submit an error should pop up telling them to select just one. Now I have found this code:
<SCRIPT LANGUAGE="JavaScript"'>
<!--
function validateForm(){[code]....
the first problem is that my menu must be named "id[2]2" which causes a problem due to the bracketed 2 and the 2 after. Is there any way around that?the second problem I forsee is that this will only work with 1 drop down box being unselected. I need a code that will give the warning if nothing is selected OR if something is selected in both drop downs.
How can I set up a timer and switch to a next page also using same onclick function?
I mean I want my timer to be started as soon as submit button is clicked and simultaneously I must proceed to next page also as I have clicked on submit button.
How can I do this?
Here is my situation: <input type="button" value="Submit" onClick="main(this.form)" style="font-size:30px">
I want to add timer function also along with main(this.form),how can I do this?
i am trying to switch tabs without page going back to top.
i am using this script.
[URL]
but i just can't stop it from the page going back to the top when you click a tab.
I'm using this to put menus on my website
[URL]
at the top it says its capable of having more than one menu on a page, but it doesnt give the directions.
implement 2 instances of superfish menus on one page? I would like to place a primary navigation menu above the header, and a secondary nav-menu below the header. I've "kind of" managed to do it with the help of Google and by reading quite a few blogs, but I think I'm doing it the wrong way by just duplicating the whole JS folder and renaming things.
Plus, I don't know how to style the menus. So, how would YOU implement 2 Superfish JavaScript menus on ONE page?
I can get them both to display but I need to style each one differently I have copied the basic styles and renamed them xx2 and then renamed the ul class to match but it doesn't like it!
View 1 Replies View RelatedI have successfully installed superfish-powered drop-down menus in my horizontal nav bar, but I get an irritating (and inconsistent) issue when I click on a nav link: the drop-down menus briefly "flash" down as the new page loads. In fact the page as a whole flashes. This behavior only occurs in IE8 (haven't tried 7) - Firefox, Safari,Chrome are all fine. The url is: peacefulnations.org
View 1 Replies View RelatedCan JQuery toggle be use to switch divs on page load instead of having to click a button to start the action? What would I have to write in the header to make this happen if this is possible?
View 2 Replies View Related