JavaScript - Stop From Jumping To Top Of Page?

when i click on submit button, all the data in form will be inserted into my db. but when i click on refresh the form will be submitted again .. how can i prevent this?

I'm attaching my php test file but this is a JS problem. When I scroll down in the web page and the meta refresh hits, in Windows Safari and IE6/7/8 browsers, the web page re-positions back to the top. In Opera and FF the page refreshes but it stays where it is.

Can someone look at my test script and see why it is not working in IE and Win Safari? My goal is to have the web page not re-position to the top on the auto refresh.

Thanks...

hi everyone,
Here's part of the codes I got from our website. Right now, when someone wants to register on our website, they have to put into the Captcha after they finish all the other information.
If the captcha is empty, there would be an alert; if it's wrong, the page would be refreshed, and there would be another alert, and at the same time, all the information would be lost and they have to fill them again.
Now the question is, how can I stop the page refreshing itself? All I need is an alert and then you could retype the captcha without losing the other information.
Thank you in advance for your advice!


<script type="text/javascript">
function ltrim(stringToTrim) {
return stringToTrim.replace(/^\s+/,"");
}
function validateForm()
{
var okSoFar=true
with (document.practitioner_profile)
{
if (firstname.value=="" && okSoFar)
{
okSoFar=false
alert("Please enter your first name.")
firstname.focus()
}
if (lastname.value=="" && okSoFar)
{
okSoFar=false
alert("Please enter your last name.")
lastname.focus()
}

//some other things here...

if (verify_code.value=="" && okSoFar)
{
okSoFar=false
alert("Please enter your security code.")
verify_code.focus()
}
if (okSoFar==true) submit();
}
}


//here's the submit button in the html code,

<div class="practsubmit">
<div class="signupform"><h4>* Security Code:</h4> <p>Please type in what you see in the box below and press submit. Characters are case-sensitive.</p></div>
<div class="signupform"><img id="captcha" src="index.php?option=com_egbcaptcha&amp;width=150&amp;height=50&amp;characters=5" /><br /><input id="verify_code" name="verify_code" type="text" /></div>
<input type="button" class="button" value="Send" name="B1" ONCLICK="javascript:validateForm()">&nbsp;<input type="reset" class="button" value="Clear" name="clear">
</div>

Hello there

I've been searching and searching but couldn't make this script stop reseting after reloading the page.

The scripts counts down some timers every x hours but the problem is that each time the page is reloaded the timer resets.

Could anyone help me here how to keep the countdown going even if i reload page?

thanks in advance

I call the timers with. Example Timer 8: >div... etc id="timeLeft8"




Code:

<script type="text/javascript">
    var events = new Array();

    events[1]={name: 'Blood Castle:', startUp: new Array(
        {hour:0,minute:25},
        {hour:2,minute:25},
        {hour:4,minute:25},
        {hour:6,minute:25},
        {hour:8,minute:25},
        {hour:10,minute:25},
        {hour:12,minute:25},
        {hour:14,minute:25},
        {hour:16,minute:25},
        {hour:18,minute:25},
        {hour:20,minute:25},
        {hour:22,minute:25}
    )}

    events[2]={name: 'Devil Squa ', startUp: new Array(
        {hour:1,minute:55},
        {hour:3,minute:55},
        {hour:5,minute:55},
        {hour:7,minute:55},
        {hour:9,minute:55},
        {hour:11,minute:55},
        {hour:13,minute:55},
        {hour:15,minute:55},
        {hour:17,minute:55},
        {hour:19,minute:55},
        {hour:21,minute:55},
        {hour:23,minute:55}
    )}

    events[3]={name: 'Chaos Castle:', startUp: new Array(
        {hour:0,minute:55},
        {hour:2,minute:55},
        {hour:4,minute:55},
        {hour:6,minute:55},
        {hour:8,minute:55},
        {hour:10,minute:55},
        {hour:12,minute:55},
        {hour:14,minute:55},
        {hour:16,minute:55},
        {hour:18,minute:55},
        {hour:20,minute:55},
        {hour:22,minute:55}
    )}

    events[4]={name: 'Red Dragon:', startUp: new Array(
        {hour:0,minute:0},
        {hour:2,minute:0},
        {hour:4,minute:0},
        {hour:6,minute:0},
        {hour:8,minute:0},
        {hour:10,minute:0},
        {hour:12,minute:0},
        {hour:14,minute:0},
        {hour:16,minute:0},
        {hour:18,minute:0},
        {hour:20,minute:0},
        {hour:22,minute:0}
    )}

    events[5]={name: 'Gold Invasion:', startUp: new Array(
        {hour:0,minute:0},
        {hour:2,minute:0},
        {hour:4,minute:0},
        {hour:6,minute:0},
        {hour:8,minute:0},
        {hour:10,minute:0},
        {hour:12,minute:0},
        {hour:14,minute:0},
        {hour:16,minute:0},
        {hour:18,minute:0},
        {hour:20,minute:0},
        {hour:22,minute:0}
    )}

    events[6]={name: 'White Wizard:', startUp: new Array(
        {hour:0,minute:0},
        {hour:2,minute:0},
        {hour:4,minute:0},
        {hour:6,minute:0},
        {hour:8,minute:0},
        {hour:10,minute:0},
        {hour:12,minute:0},
        {hour:14,minute:0},
        {hour:16,minute:0},
        {hour:18,minute:0},
        {hour:20,minute:0},
        {hour:22,minute:0}
    )}

    events[7]={name: 'Blue:', startUp: new Array(
        {hour:0,minute:40},
        {hour:1,minute:40},
        {hour:2,minute:40},
        {hour:3,minute:40},
        {hour:4,minute:40},
        {hour:5,minute:40},
        {hour:6,minute:40},
        {hour:7,minute:40},
        {hour:8,minute:40},
        {hour:9,minute:40},
        {hour:10,minute:40},
        {hour:11,minute:40},
        {hour:12,minute:40},
        {hour:13,minute:40},
        {hour:14,minute:40},
        {hour:15,minute:40},
        {hour:16,minute:40},
        {hour:17,minute:40},
        {hour:18,minute:40},
        {hour:19,minute:40},
        {hour:20,minute:40},
        {hour:21,minute:40},
        {hour:22,minute:40},
        {hour:23,minute:40},
        {hour:24,minute:40}
    )}

    events[7]={name: 'Hide&Seek:', startUp: new Array(
        {hour:0,minute:42},
        {hour:1,minute:22},
        {hour:2,minute:32},
        {hour:3,minute:42},
        {hour:4,minute:52},
        {hour:6,minute:02},
        {hour:7,minute:12},
        {hour:8,minute:22},
        {hour:9,minute:32},
        {hour:10,minute:42},
        {hour:11,minute:52},
        {hour:13,minute:02},
        {hour:14,minute:12},
        {hour:15,minute:22},
        {hour:16,minute:32},
        {hour:17,minute:42},
        {hour:18,minute:52},
        {hour:20,minute:02},
        {hour:21,minute:12},
        {hour:22,minute:22},
        {hour:23,minute:32}
    )}

    events[8]={name: 'Sky:', startUp: new Array(
        {hour:1,minute:5},
        {hour:4,minute:5},
        {hour:7,minute:5},
        {hour:10,minute:5},
        {hour:13,minute:5},
        {hour:16,minute:5},
        {hour:19,minute:5},
        {hour:23,minute:5}
    )}

    events[9]={name: 'Boss Attack:', startUp: new Array(
        {hour:1,minute:50},
        {hour:4,minute:50},
        {hour:7,minute:50},
        {hour:10,minute:50},
        {hour:13,minute:50},
        {hour:16,minute:50},
        {hour:23,minute:50}
    )}


    events[10]={name: 'Happy Hour:', startUp: new Array(
        {hour:5,minute:5},
        {hour:2,minute:5},
        {hour:8,minute:5},
        {hour:11,minute:5},
        {hour:14,minute:5},
        {hour:17,minute:5},
        {hour:20,minute:5},
        {hour:0,minute:5}
    )}

    events[11]={name: 'Hit and Up:', startUp: new Array(
        {hour:0,minute:20},
        {hour:2,minute:20},
        {hour:5,minute:20},
        {hour:8,minute:20},
        {hour:11,minute:20},
        {hour:14,minute:20},
        {hour:20,minute:20}
    )}

    events[12]={name: 'Raklion:', startUp: new Array(
        {hour:0,minute:15},
        {hour:3,minute:15},
        {hour:6,minute:15},
        {hour:9,minute:15},
        {hour:12,minute:15},
        {hour:15,minute:15},
        {hour:18,minute:15},
        {hour:21,minute:15}
    )}

    events[13]={name: 'Moss:', startUp: new Array(
        {hour:3,minute:35},
        {hour:7,minute:35},
        {hour:11,minute:35},
        {hour:15,minute:35},
        {hour:19,minute:35},
        {hour:23,minute:35}
    )}

    events[14]={name: 'Illusion Temple:', startUp: new Array(
        {hour:0,minute:25},
        {hour:1,minute:25},
        {hour:2,minute:25},
        {hour:3,minute:25},
        {hour:4,minute:25},
        {hour:5,minute:25},
        {hour:6,minute:25},
        {hour:7,minute:25},
        {hour:8,minute:25},
        {hour:9,minute:25},
        {hour:10,minute:25},
        {hour:11,minute:25},
        {hour:12,minute:25},
        {hour:13,minute:25},
        {hour:14,minute:25},
        {hour:15,minute:25},
        {hour:16,minute:25},
        {hour:17,minute:25},
        {hour:18,minute:25},
        {hour:19,minute:25},
        {hour:20,minute:25},
        {hour:21,minute:25},
        {hour:22,minute:25},
        {hour:23,minute:25},
        {hour:24,minute:25}
    )}

    events[15]={name: 'Castle Deep:', startUp: new Array(
        {hour:1,minute:25},
        {hour:7,minute:25},
        {hour:13,minute:25},
        {hour:19,minute:25}
    )}

    events[16]={name: 'CryWolf:', startUp: new Array(
        {hour:1,minute:45},
        {hour:4,minute:45},
        {hour:7,minute:45},
        {hour:10,minute:45},
        {hour:13,minute:45},
        {hour:16,minute:20},
        {hour:19,minute:45},
        {hour:22,minute:45}
    )}

    var curTime=1336998502
    var dateTime=1336953600
    function timeLeft(i){
        for(j in events[i].startUp){
            tmp=events[i].startUp[j].hour*3600+events[i].startUp[j].minute*60
            if(dateTime+tmp>curTime){
                return dateTime+tmp-curTime;
            }
        }
        tmp=events[i].startUp[0].hour*3600+events[i].startUp[0].minute*60
        return dateTime+86400+tmp-curTime;
    }

    function getFormatedLeftTime($seconds){
        $second = $seconds % 60;
        $minutes = parseInt(($seconds / 60) % 60);
        $hour =  parseInt(($seconds / 3600) % 24);
        $days = parseInt($seconds / (24 * 3600));

        $ret = '';
        if ($days > 0)
            if ($days == 1) $ret += '1 day ';
            else $ret += $days + ' days ';


        if ($hour > 0){
            if ($hour < 10) $hour = '0' + $hour;
            $ret += $hour + ':';
        }else if ($days > 0) $ret += '00:';

        if($minutes < 10) $minutes = '0' + $minutes;

        $ret += $minutes + ':';

        if ($second < 10) $second = '0' + $second;

        $ret += $second;
        return $ret;

    }

    function updateTimes(){
        curTime++;
        for (i in events){
            document.getElementById("timeLeft"+i).innerHTML=getFormatedLeftTime(timeLeft(i));
        }
    }

    for(i in events)
        document.getElementById("eventList").innerHTML+="<div style='float:right; color: #FFFF00;' id='timeLeft"+i+"'>"+getFormatedLeftTime(timeLeft(i))+"</div><div style=\"color: #00FFFF;\"><strong>"+events[i].name+"</strong></div>";
    setInterval("updateTimes()", 1000);



    </script>

I have a set of tabs that are set with an href that adds a query string to the url such as "?t=1", meaning the first tab is selected.

Technically it works just fine but every time I click a tab it reloads the page and I'm not entirely sure how to stop this.

I'm using a jquery plugin to handle the query strings. Here's the plugin.

Here's the piece of the code that matters:

Code:

        var url = location.search;
	var tab = $.query.get('t');
	
	init(tab);

	function init(tab){
		$("div.tab").hide(); //hides all the content boxes related to the tabs
		$("div#tab"+tab).fadeIn("fast"); //Shows the selected tab's content box
		setInactive();  //Styles unselected tabs
		setActive(tab); //Styles selected tab		
	}

Any help would be greatly appreciated.

Probably a stupid noob question, is there any way I can stop document.write from outputting info to a new page I would prefer to have it shown in a textarea.

Info from an array that is suppose to display in a text area when button is clicked and when another button is clicked it is suppose to show some other info. But what happens is the first info displays in textarea for a few seconds and then the second info is displayed but on a new page and not the textarea where I want it to go

I have marked code within the code // I want this specific code to be displayed second but I know its in the wrong spot.

Here is the code

[CODE]
function show()
{
var myArray = new Array();

myArray[0] = document.getElementById('fullname').value; '
myArray[1] = document.getElementById('address').value;
myArray[2] = document.getElementById('phone').value;
myArray[3] = document.getElementById('email').value;

//Code I want to display second in the textarea
//var string = myArray.join("\n")
//document.getElementById('textarea').value = string;

document.writeln('Thank you for registering,' + '&nbsp;' + myArray[0] + '. Your membership will be confirmed by E-mail to ' + myArray[2] + "<br>");
document.writeln('Registration Details:')
document.writeln("<br>")

for (var i=0; i<myArray.length; i++)
{
document.write(myArray[i] + "<br>");
}

}
[\CODE]

Thanks in advance

How do I stop the displaymessage function when i ==1
Code:

<script type="text/javascript">
var i =0;
function one()
{
	document.getElementById('control').innerHTML = 1;
	i =document.getElementById('control').innerHTML;
}
function zero()
{
	document.getElementById('control').innerHTML = 0;
	i =document.getElementById('control').innerHTML;
}
function displaymessage() 
//if (i==0)//this causes problems
{
	alert("Hello World!");
}
</script>
<body onclick="javascript: displaymessage();"> 
<div id='control' onmouseover="javascript: one();" onmouseout="javascript: zero()">0</div>

Hi Guys,

Quick question, is there a way to stop a JavaScript from validating after a certain point of the code. I've been "googling" like crazy and cant find a solution.

I had to add a Checkbox validation last second and there was existing validation and I'm not good enough to alter all of it to reflect the checkbox part so what I did was I checked to see if at least one of the checkboxes was selected, if yes, do nothing and finish the rest of the validation. If no, prompt them with an error.

The problem is after it prompts them for an error, it continues to run the rest of the validation and at the end it allows the end user to print. I cannot allow the end user to print until everything is filled in. Here is my code:

Code:

function validateFields() {
	var fieldsToVerify = [
                ["PrincipalInvestigator"], 
		["ContactEmailAddress"],
		["RFAward"],
		["Sponsor"],
		["AwardTitle"], 
		["BudgetStartDate"], 
		["BudgetEndDate"], 
		["SectionII"],
		["ProjectRole"],
		["EmployeeName"], 
		["DatesofAppointment"],
		["EffortonProject"],
		["Date"],
		["PrintName"],
		["Date2"],
		["PrintName2"],
		
	];
	

		var emptyFields = [];
	var notFullFields = [];
	for (var i=0; i<fieldsToVerify.length; i++) {
		var f = this.getField(fieldsToVerify[i][0]);
		if (f==null) {
			console.println(fieldsToVerify[i][0] + " not found.");
			continue;
		}
		if (f.valueAsString=="") {
			emptyFields.push(f.name);
		} else if (fieldsToVerify[i].length>1 && f.valueAsString.length<fieldsToVerify[i][1]) {
			notFullFields.push([f.name,fieldsToVerify[i][1]]);
		}
	}
	
	for (var i in nonRequiredFieldsToVerify) {
		var f = this.getField(nonRequiredFieldsToVerify[i]);
		if (f==null) {
			console.println(nonRequiredFieldsToVerify[i] + " not found.");
			continue;
		}
		if (f.valueAsString!="" && f.valueAsString.length<f.charLimit) {
			notFullFields.push([f.name,f.charLimit]);
		}
	}


 if 
(this.getField("CheckBox1").value=="Yes" || this.getField("CheckBox2").value=="Yes" || this.getField("CheckBox3").value=="Yes" || this.getField("CheckBox4").value=="Yes" || this.getField("CheckBox5").value=="Yes" || this.getField("CheckBox6").value=="Yes" || this.getField("CheckBox7").value=="Yes")

{}

else

app.alert("Select a Checkbox in Section I before printing") 

	if (emptyFields.length==0 && notFullFields.length==0) {
		this.print();
	} else {
		var msg = "";
		if (emptyFields.length>0) {
			msg += "The following fields must be filled-in:\n";
			for (var i in emptyFields)
				msg += emptyFields[i]+"\n";
		}

		if (notFullFields.length>0) {
			if (msg!="") msg+="\n\n";
			msg += "The following fields are not filled-in completely:\n";
			for (var i in notFullFields)
				msg += notFullFields[i][0] + " (required length: " + notFullFields[i][1] + ")\n";
		}
		app.alert(msg,"");
	}
}

Code:

function convertee(){
    value = document.inputFormee.argument.value;
    if (isNaN(value)){
        alert(value+' is not a valid entry'); return;
    }
    arg = (value/1.75975326);
    arg = (parseInt(arg*100)/100).toFixed(3);
    document.inputFormee.result.value = arg;
}

Any help much appreciated.

Saz.

Help! I'm not very good with html/css or any web stuff, my friend wants a blogger for his videos that I'm currently working on.

Ive managed to create a splash page that features one video and an enter button. The only problem I am having is, one you click on 'wood + wires' it should go into the blog part of the page, which it does, but the sound of the video keeps playing.

Is there any way to make it stop? This is the blog http://brennygee.blogspot.com and this is the code I'm using for the splash page...

Please help!

<!-- Welcome page Start by http://bloggersentral.blogspot.com/ -->
<!-- HTML part -->
<div style="padding-top:0px;">
<a id="EPEntryButton" onclick="document.getElementById(&quot;HTML88&quot;).style.display=&quot;none&quot;;document.getElem entById(&quot;Text88&quot;).style.display=&quot;none&quot;"><iframe src="http://player.vimeo.com/video/14285815?byline=0&amp;portrait=0&amp;color=ffffff" width="649" height="365" frameborder="0"></iframe></a>
<a id="EPEntryButton" onclick="document.getElementById(&quot;HTML88&quot;).style.display=&quot;none&quot;;document.getElem entById(&quot;Text88&quot;).style.display=&quot;none&quot;"><img src="http://i640.photobucket.com/albums/uu121/brennygee/WWENTER3.gif" /></a>
</div>
<!-- CSS part -->
<style>
#welcome-wrapper{width:650px;margin:0 auto;height:0px;text-align:center;}
/* welcome message widget */
#Text88, #EPEntryButton, #EPGrab {position:relative;z-index:100;top:-55px;}
#Text88 {background-color:#fff;border:solid 0px orange;color:#222;display:none;padding:15px;}
#HTML88 {z-index:350;display:none;}
/* DarkLayer div */
#EPDarkLayer {background-color:#000;opacity:100%;filter:alpha(opacity=100);top:0px;left:0px;z-index:500;position:fixed;}
/* Entry button */
#EPEntryButton {background-color:none;border:outset 3px none;color:#333;cursor:pointer;font: arial;font-size:25px;padding:10px;text-decoration:none;}
#EPGrab {color:white;padding-top:10px;}
</style>
<!--[if IE 6]>
<style>
#EPDarkLayer {position:absolute;}
</style>
<![endif]-->
<!-- Javascript part -->
<script type="text/javascript">
YourBlogUrl="http://brennygee.blogspot.com/"; //enter your blog url here
fromInternal=document.referrer.search(YourBlogUrl); //check come from where
getDarkLayer=document.getElementById("EPDarkLayer").style;
getText88=document.getElementById("Text88").style;
getHTML88=document.getElementById("HTML88").style;
if (fromInternal == -1)
{ //if visitor comes from external page
getDarkLayer.width=screen.availWidth+"px"; //set DarkLayer width
getDarkLayer.height=screen.availHeight*2+"px"; //set DarkLayer height
getHTML88.display="block"; //show DarkLayer
getText88.display="block"; //show message
}
else
{ //if visitor comes from internal page
getHTML88.display="none"; //hide HTML gadget
getText88.display="none"; //hide message
}
</script>
<!-- Welcome page End -->

HI
I have a form that has some fields and inputs . I wrote some javascript code that if there was any problem with entered values , it shows the errors but when the user press submit button , the form submited before it had shown the problems .

How can halt it and showing the problems ?

TNX

I am using joomla, and have a tabbed menu at the top, which has different articles embedded within. I have embedded a flash video inside each article. The problem is that if i play a video and then switch to the other tab (article) without pausing the video, the video keeps on playing. And if i try to play the video in the other article, then both videos start playing.

I want to stop the first video from playing as soon as I switch to the new tab. There are a lot of different files which are included in the page, so If I know where to place a particular code within the source of the final rendered webpage, I will be able to place it at the right point in a particular file.

thanks

the website link is: http://tinyurl.com/ycg4tcm

Hi all.
I have this simple javascript that initiates a flash player.
Code:

	<script type="text/javascript">
	function add_content(filedesc,filepath,whatarget) 
{
    
	var output = "" + filedesc + "</b><br />";
	output += "<object type='application/x-shockwave-flash' data='mp3player.swf'>";
    	output += "<param name='movie' value='mp3player.swf'>";
	output += "<param name='wmode' value='transparent'>";
    	output += "<param name='FlashVars' value='mp3=" + filepath + ">";
    	output += "</object></div>";
		output += "" + whatarget + "";
document.getElementById("" + whatarget + "").innerHTML = output;
}
</script>

and this takes care of the onclick event:
Code:

<a href="javascript:void;" onclick="javascript:add_content('Hello1','../m_music/omd.mp3','target1');">Omd</a><div id='target1'></div>
<a href="javascript:void;" onclick="javascript:add_content('Hello2','../m_music/blondie.mp3','target2');">blondie</a> <div id='target2'></div>

page and vars are going to be dynamic. My question is: if I press 'target1' it plays. When I press 'target2' second player plays in its div layer. How can I start one player while stopping another (I am guessing 'target1' must be hidden). I am going to have many mp3 files and I want each player to be in its rightful place. I've looked for functions, but I am not that experienced with JV syntax. Thank you.

Been given a task to edit a simple javascript slide show to have form buttons

This what i have so far.. I have the next and back buttons working but i have no idea where to begin with play and stop. It should basically repeatedtly cycle.

Quote:
<script type="text/javascript">

var hol_pics = new Array(); // Create Array Object
for (var i=0;i<9;i=i+1) {
hol_pics[i]=new Image(); // Make 0 -> 8 array elements into Image Objects
hol_pics[i].src="harbour"+i+".jpg"; // Preload Images
}

i=0; // 'Remember' original image displayed by img tag
function next_photo() {
i=i+1;
if(i>8) i=0; // Increment image index but keep in range 0 - 8
// above 2 lines can be replaced by alternative code: i=(i+1)%9;
document.images[0].src = hol_pics[i].src; // Display next image
}

function back_photo() {
i=i-1;
if(i<0) i=8; // Decrement image index but keep in range 0 - 8
// above 2 lines can be replaced by alternative code: i=(i-1+9)%9;
document.images[0].src = hol_pics[i].src; // Display next image
}


//]]>
</script>
</head>

<body>
<h1>Basic Slide Show</h1>
<p>

<img src="harbour0.jpg" width="324" height="432" alt=></a>

<form action="">
<input type="button" value="Previous" name="button" onclick="back_photo()" />
<input type="button" value="Next" name="button" onclick="next_photo()" />
</form>

Hello, I found the javascript for triggering audio on mouseOver (on the page link below) very helpful. Question is - how to stop the audio on mouseout?

http://www.javascriptkit.com/script/....shtml#current