JavaScript - This Forum Refresh Is Stopping My Refreshcontainer From Refreshing

I wrote a form and a JavaScript to valid the form. I cannot figure out however how to stop the form from submitting if the form is invalid.

[CODE]
function validateForm()
{

if(""==document.test.custName.value)
{
alert("Please enter your name.");
return false;
}

if(""==document.test.email.value)
{
alert("Please enter your email address.");
return false;
}

if(""==document.test.custComment.value)
{
alert("Please enter your comment.");
return false;
}

return true;
}
[CODE]

I have a simple form that works via a suggested results system (http://www.brandspankingnew.net/arch...uggest_v2.html)

While in firefox the go button is greyed out and enter doesn't submit the form in IE pressing the enter key submits the form.

Is there any way with a bit of javascript to stop IE from doing a form submission on enter but only for this form (since there are many more on the site)

PHP Code:
<form action="index.php" method="GET" name="qsform" id="qsform"><input type="hidden" name="p" id="p" value="compdetails" style="border:1px solid #000000;" /><input type="text" name="quicksearch" id="quicksearch" value="Find Company" style="border:1px solid #000000;" onFocus="clearText(this)" onBlur="clearText(this)" /><input type="hidden" name="cid" id="cid" value="" style="border:1px solid #000000;" />&nbsp;<input type="submit" name="go" id="go" value="Go" disabled="true" /></form> 

Im having some problem with stopping a function i run on loop using setInterval

Code:

$(document).ready(function(){
	
	var Cycle = setInterval('cycle()', 3000);
	
	/* ... some other functions here ... */
   
	$('.Test').click(function(){
		var ID = $(this).attr('ID');
		clearInterval(Cycle);
                /* ... Rest of this function ... */
                if (ID == 'Home')
		{
			var Cycle = setInterval('cycle()', 3000);
		}
		console.log(ID);
        });
});

When i click a link with the Test class it runs through the function but the loop never stops and im not sure why, cant anyone help me solve this? If you want to see the bits of JS i cut out just say but i dont think there relevant.

EDIT: Seems to be the if (ID == 'Home') bit which is causing the problems even though when in the log it shows ID being the word 'Live'. Have i missed some stupid obvious thing ?

Whenever i click

Hi,

I am working with a template I purchased that will loop a series of header images. I like to stop the image series from going back to the beginning once the series of images cycles through.

For instance, if there were 3 images in the sequence; currently the script cycles through all 3 images and then starts from the beginning. I would like the script to stop on the last image (so that image stays displayed) and not start the sequence again from the beginning. I couldn't get any support for hacking this script from the developers.

The php file that handles this operation attached below and i was told by the support forum I posted in that some Javascript skill would be needed, hence the reason for posting in this section of the forum.


Thanks for looking

I am having trouble with some JavaScript that is supposed to add some Google Analytics tracking parameters to "cross-domain" links (used to auto append tracking info across multiple domains as a way of sharing the Google cookie info).

I have my code kind of working at this point except the default event (the normal href link) is not stopping. Instead my new event (the link plus Google parameters) fires off and is immediately replaced by the default (no parameters) event. For links that open in a new window, two windows open, one the standard link and one with the intended parameters.

I am using a return false; on each link type but it is not doing anything. Any ideas how I can stop the default event?

Code:
Code:

//Last Updated 5/10/12

/*Regex list of on-site domains, pipe and backslash delimited. */
var wa_onsiteDomains = /mydomain\.com|my2nddomain\.com|my3rddomain\.com|javascript/i;

/*Used to unobtrusivly add events to objects*/
function unobtrusiveAddEvent (element,event,fn) {
   var old = (element[event]) ? element[event] : function () {};
   element[event] = function () {fn(); old();};
}

function wa_crossDomainLink(i) {
	return function () { 
		var thisLink = decodeURI(wa_links[i]);
		var thisLinkTarget = wa_links[i].target;
		if (typeof(_gaq) == "object") {
			if(thisLinkTarget == "_blank") {
				var wa_myTracker=_gat._getTrackerByName();
				var wa_fullUrl = wa_myTracker._getLinkerUrl(thisLink);
				window.open(wa_fullUrl); return false;
			} else {
				_gaq.push(['_link', thisLink]); return false;
			}
		}
	};
}

var wa_links = document.links;
if ( wa_links ){
	for(var i=0; i<wa_links.length; i++) {
		if( wa_links[i].href.match(wa_onsiteDomains) && !wa_links[i].href.match(location.hostname)){
			unobtrusiveAddEvent( wa_links[i], 'onclick' , wa_crossDomainLink(i));
		}
	}
}

Note, the code above resides in a separate js file and is called at the bottom of every page.

Thanks!

Hello everyone!

First of all let me introduce myself as this is my first post on the coding forums! My name's Tom, I live in Sheffield, England and I'm 21 years old.

Anyway, I have a little problem on a project I'm working on. I have a div set with an onclick link (onclick="location.href='http://www.google.com/';"). Thats not the problem, that works fine. The problem I'm having is that I then have another div inside this div that I don't want to be linked at all but the outer div's link seems to still be active on the inner one.

Does anyone have any idea how to stop the link on the inner div whilst still keeping the outer div linked?

Thanks alot for any help,
Regards,
Tom.

hers the site i am working onhttp://merucabs.com/cabvertise

as you can see on this page.
there are two main div(left,right)
when a user clicks a link on left div
accordingly an external page is loaded in the right div

problem is when you click a link in IE
the entire page is refreshed.
I don't want to refresh entire page.
i want to refresh the div (on the right) not the entire page.

How should i go about it

Please its urgent.

any help would be grateful.

Here's the link to script that i have used
http://www.dynamicdrive.com/dynamici...tent/index.htm

I am a music geek. I am also a Javascripter who doesn't know much, but enough to get around the language. Anyways, I wrote a script to construct chords to make writing music easier for me. The script works, it shows there are no errors, and it does what I want it to do, but the page keeps refreshing almost immediately after the Alert box goes away. I have no idea whats going on. I don't know if it's the JS or the HTML part of the page. If you have any ideas that would be great.

Code:

<head>
<script>

function calc()
{

var type, note, root, third, fifth, seven, ans;
var notess, notesb;

type=document.f1.type.value
note=document.f1.note.value*1

notess=["A","A#","B","C","C#","D","D#","E","F","F#","G","G#"]
notesb=["A","Bb","B","C","Db","D","Eb","E","F","Gb","G","Ab"]

if(type=="maj")
{

root=notess[note]
third=notess[(note+4)%12]
fifth=notess[(note+7)%12]
seven=notess[(note+11)%12]

ans=root+", "+third+", "+fifth+", "+seven;
alert(ans)

}

if(type=="min")
{

root=notess[note]
third=notess[(note+3)%12]
fifth=notess[(note+7)%12]
seven=notess[(note+11)%12]

ans=root+", "+third+", "+fifth+", "+seven;
alert(ans)

}

document.getElementById("here").innerHTML=ans

}

</script>
</head>
<body>

<h1>Chord Builder</h1><p>

<form name="f1">
Make a:<br>

<select name="note">
<option value="0">A<br>
<option value="1">A#/Bb<br>
<option value="2">B<br>
<option value="3" selected>C<br>
<option value="4">C#/Db<br>
<option value="5">D<br>
<option value="6">D#/E<br>
<option value="7">E<br>
<option value="8">F<br>
<option value="9">F#/Gb<br>
<option value="10">G<br>
<option value="11">G#/Ab<br>
</select>

<select name="type">
<option value="maj" selected>Major<br>
<option value="min">Minor<br>
</select>
<br>

<button onClick="calc()">Make my Chord!</button></br>

</form>

<span id="here">-chords will be here soon-</span>

<p>

</body>

hi there. i have a classic asp page that is using the winhttprequest object to get the contents of website from a different server. Then i modify the html i get to suit my needs.. save it to a file, and then finally, i display this stuff in an IFRAME.

(i wrapped a div tag around the iframe so technically, i'm doing something like: "divtabframe.innerHTML = '<IFRAME SRC='myserver/somepage.html'></IFRAME>)

My problem is that when i refresh the main page, i want the iframe to also display the latest data. It does get the latest data from the external site and its saved in "somepage.html". But the iframe isn't updated unless i explicitly right-click inside the frame and manually select refresh.
I have added a <meta http-equiv="refresh" content="30"> line to make it auto refresh on it's own.
But the users find it annoying that the page refreshes while they're working on it. They prefer to have their own button that will refresh both the main page that gets the data, and the iframe to read the new file.

I tried to use
document.getElementById(FrameID).contentDocument.location.reload(true);

in various spots but it's not happy. i keep getting an error message that the object is null or doesn't exist.
I also tried using contentWindow instead of contentDocument. made no difference.

Any ideas?

My URL is: http://localhost/testproject/product.html#catId=155

I want to URL: http://localhost/testproject/product.html without refreshing the page.

Is this possible using javascript/jquery or not ?

I embedded the following into my blog;

Code:

<br><script language="javascript" src="http://www.quotedb.com/quote/quote.php?action=random_quote&=&=&"></script>
<br>

It works fine, but I'm trying to find a way to refresh only the script on my blog, instead of having to reload the entire page. Coding a refresh button, for instance. How would I go about doing this?

Thank you in advance.

I'm using this code to force a PHP form to redirect. I already inserted a header for PHP and for whatever reason it's not working.

This code works like a dream in Firefox, but it continuously loops in IE and makes it impossible to enter anything into the PHP form

<body onload="javascript: self.location.href = 'index.html';">
</body>

Does anyone know how to make this code not refresh IE literally every second?

Thanks.

Hi,
Im not sure if im going about this the right way but what I'm trying to achieve is to have my webpage seperated into two main div's.
The first div contains a media player so it cant be refreshed or the media stops.
The second div is used to view content.
I've used innerHTML to change the content of the second div from links in the first.
The problem is the URL displayed doesn't reflect the change in content of the second div.
I want to be able to load content into the second div using innerHTML while changing the URL so people can link directly to that content.

Any help or alternative ideas are greatly apprectiated.
Thanks.

While these questions have probably been asked before, separately, I'd like to know how to put them together.

What I want to do, is create a link, that goes to an url that I decide, after which, the page goes back to the previous page and refreshes.

It would be ideal, if that could be done with AJAX, but that's probably asking too much. Especially if I want to use it for wordpress.

D.I.C Head
**

Joined: 29 Jan, 2009
Posts: 94



Thanked: 1 times
My Contributions

Hello,

I am teaching myself javascript and in the course of my experimentation have run into this roadblock: I want to display a styled navigation bar with a button beneath it. When the button is clicked, an onclick event will be triggered and the response of the browser should be to print the word "test" right beneath the button. However, what actually happens is the page blanks out and the word 'test' appears in the upper left corner of the screen.

I'm hoping someone would be kind enough to fix this code and explain to me where I've gone wrong here.

CODE

<html>
<head>
<title>JavaScript Navanimation Example</title>
<style type="text/css">

#navsite h5 {
display: none;
}

#navsite ul {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navsite ul li {
list-style: none;
margin: 0;
display: inline;
}

#navsite ul li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navsite ul li a:link {
color: #448;
}

#navsite ul li a:visited {
color: #667;
}

#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
color: #000;
background: #AAE;
border-color: #227;
}

/* #navsite ul li a#current {
background: white;
border-bottom: 1px solid white;
} */

</style>
</title>
<script language="JavaScript" type="text/javascript">
function navanimate()
{

document.write("test");
return false;

}
</script>

</head>
<body language="JavaScript" type="text/javascript">
<div id="navsite">
<h5>Site Navigation</h5>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Archives</a></li>
<li><a href="/writing/">Writing</a></li>
<li><a href="/speaking/">Speaking</a></li>
<li><a href="/Contact/">Contact</a></li>
</ul>
</div>

<input type="button" name="button" value="Drop Down" onclick="return navanimate()">

</body>
</html>


Thanks!