JavaScript - How To Loop This 3 Image

it wont loop, as long as you enter something in the name field it will submit. also how do i stop from submitting if all fields are not filled out? any help will be appreciated)
======
function checkForm(form)
{
var len = form.elements.length;
var h=0;
for (h=0; h<=len; h++){
if ((form.elements[h].value==null) || (form.elements[h].value=="")){
alert("Please enter "+document.myForm.elements[h].name);
document.myForm.elements[h].focus(); return false;
}
return true;
} }
===body-==
<FORM NAME="myForm" METHOD="post"
ACTION="http://ss1.prosofttraining.com/cgi-bin/process.pl">
Name:<BR>
<INPUT TYPE="text" size="30" NAME="name"><br>
Email address:<BR>
<INPUT TYPE="text" size="30" NAME="email address" onBlur="emailTest(this);"><br>
Phone number:<BR>
<INPUT TYPE="text" size="30" NAME="phone number"><br>
Fax number:<BR>
<INPUT TYPE="text" size="30" NAME="fax number"><p>
<INPUT TYPE="submit" VALUE="Submit Data" onClick="return checkForm(this.form);">
<INPUT TYPE="reset" VALUE="Reset Form">
</FORM>

Hi,

I am doing some studying and we was to create a small loop using either the for loop, while loop or do while loop. I chose to do the for loop because it was easier to understand, but I want to know how to do the same using the while loop. Here is the for loop I have, but I cant figure out how to change to while loop.

Code:

for (var i = 0; i < 5; ++i)
{
    for (var j = i; j < 5; ++j)
{
         document.write(j + "");
  }
  document.write("<br />");
}

output is equal to:
01234
1234
234
34
4

How do you make the same using a while loop?

i have image button i need to display image .if the size of the image button is 100*100 and image size is 50*50 .the remaining space of the image button should be empty.the image should not stretch.

can any one guide me i am new to programming

Thanks in advance!!!

Hello, I recently purchased a JavaScript book, and I am confused by one of it's examples. I was wondering if anybody could answer my question.

Here is the example:

for (loopCounter = 1; loopCounter<= 3; loopCounter++)
{
//execute this code
}

Now, what I need help with is the variable part.

The book goes on to say: ""To keep track of how many times you have looped through the code, you need a variable to keep count"

My question is: Why does the variable have the value of one and not another number?

I'm very very new to JS, I understand that the loopCounter has to be les than or equal to 3 for the code to execute, and also that it is incremented by one each loop, but the book is not clear on why the value of the variable has been set to 1.

If anybody could answer this question I would be very grateful, I hate moving onto the next stage of a book if I do not completely understand the previous topics.

Thank you in advance

I have the following code which is almost completely working the way I need it to with the exception of the "downloadFile" value...

Code:

/*Regex list of download file extensions, pipe and backslash delimited. Looks for the period before the file type so it will work on download links with query parameters after it */
var downloadTypes = /\.pdf|\.doc|\.xls|\.zip|\.csv|\.ppt|\.rtf|\.pptx|\.docx|\.xlsx|\.wmv|\.mpg|\.exe|\.mp3|\.rar|\.wav/i; 

/*Regex list of on-site domains, pipe and backslash delimited. */
var onsiteDomains = /\mytestdomain1\.com|\mytestdomain2\.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();};
}

var links = document.links;
if ( links ){
	for(var i=0; i<links.length; i++) {
		if( links[i].href.match(downloadTypes) ){
		unobtrusiveAddEvent( links[i], 'onclick' , function() { ntptEventTag('ev=download&eventPage=Download From: ' + escape( wa.currentDomain + wa.currentURL ) + '& downloadFile=' + escape( links[i] ) ); });
		}
		if( !links[i].href.match(onsiteDomains) ){
		unobtrusiveAddEvent( links[i], 'onclick' , function() { ntptEventTag('lk=1&ev=Exit Link'); });
		}
	}
}

...how do I grab the value of the href that was just clicked? links[i] is not working (it's just grabbing the href value of the last href in the loop). I am missing something simple for sure. Can anyone point out what I am missing?

Thanks!

For those who read my other thread I finally scratched together the code to take a value from an XML file and add it to a select box as an option. Ofcourse it only does it once so I need to loop it. It's kinda complex though, here's a function line to add one option:
addOption(document.people_form.People,name2,office2)

And here's the code in the head:

<script type="text/javascript">
//load xml file
if (window.ActiveXObject){
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false; //Enforce download of XML file first. IE only.
}
else if (document.implementation && document.implementation.createDocument)
var xmlDoc= document.implementation.createDocument("","doc",null);
if (typeof xmlDoc!="undefined")
xmlDoc.load("namedata.xml");

//Regular expression used to match any non-whitespace character
var notWhitespace = /\S/

function getnames(){
//Cache "messages" element of xml file
var nameobj=xmlDoc.getElementsByTagName("list")[0]

//REMOVE white spaces in XML file. Intended mainly for NS6/Mozilla
for (i=0;i<nameobj.childNodes.length;i++){
if ((nameobj.childNodes[i].nodeType == 3)&&
(!notWhitespace.test(nameobj.childNodes[i].nodeValue))) {
// that is, if it's a whitespace text node
nameobj.removeChild(msgobj.childNodes[i])
i--
}
}
}

if (typeof xmlDoc!="undefined"){
if (window.ActiveXObject) //if IE, simply execute script (due to async prop).
getnames()
else //else if NS6, execute script when XML object has loaded
xmlDoc.onload=getnames
}
var name2=xmlDoc.getElementsByTagName("name")[0].firstChild.nodeValue;
var office2=xmlDoc.getElementsByTagName("office")[0].firstChild.nodeValue;
var officePH2=xmlDoc.getElementsByTagName("officePH")[0].firstChild.nodeValue;
var mobile2=xmlDoc.getElementsByTagName("mobile")[0].firstChild.nodeValue;
var email2=xmlDoc.getElementsByTagName("email")[0].firstChild.nodeValue;
</script>
<script type="text/javascript">
function addOption(selectbox,text,value )
{
var optn = document.createElement("OPTION");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}
</script>



Could anyone give me a pointer on how to loop this so that it loads one option after another from the XML file? Thanks.

Hey guys i've just been following a few tutorials and learnt how to do a for loop and a while loop, what is the major difference between the two? they seem quite similar? I know while loops are laid out a hell of a lot easier in my opinion!

Hello all.

I am faitly new at programming and have run into a little problem.

I want to create a script that creates 2 random numbers, stored in 2 different variables and then compare them to eachother.

there is two possible outcome of that comparison, either they are different or they are alike.

If they are different i want to randomize a new set or numbers and make a other comparement, also to keep track on how many times i have created numbers.

If they are alike i want to display the numbers and how many tries it took to get a matching pair.


atm it looks like this

<html>
<body>
<script>
var x=(Math.floor(Math.random()*6)+1);
var y=(Math.floor(Math.random()*6)+1);
//creates two random int between 1 and 6
var throws = 1;
//keep tabs on how many times we have thrown the dices

if(x!=y)
{
x=(Math.floor(Math.random()*6)+1);
y=(Math.floor(Math.random()*6)+1);
throws=throws+1
}else{
document.write("you have rolled a pair. Dice 1 is: " +x +" and Dice 2 is: " +y +" and it took " +throws +" tries to get a pair.");
}

</script>
</body>
</html>


How to get that into a loop?

a really confused newbie scripter

Hi All,

im trying to to use a for loop to loop through a drop down list of users and if there is a match between the user logged in and the drop down list i want to enable two fields, if the user logged in isnt in the drop down list i want to disable the two fields,

but im having trouble looping through, iv tried ".value" with no avail.. heres my Script

Code:

            var RequestingUser = document.getElementById('JoinersLeaversContent_cmbRequestingUser').text;
            var Authorisers = document.getElementById('JoinersLeaversContent_ddlAuthoriseId');
            for (var i = 0; i < Authorisers.length; i++) 
            {
                if (RequestingUser.text == Authorisers.value) {
                    document.getElementById('JoinersLeaversContent_txtAuthoriserSig').disabled = false;
                    document.getElementById('JoinersLeaversContent_txtDateSignedOff').disabled = false;
                }
                else 
                {
                    document.getElementById('JoinersLeaversContent_txtAuthoriserSig').disabled = true;
                    document.getElementById('JoinersLeaversContent_txtDateSignedOff').disabled = true;            
                }
           }

So just to be clear, if the user logged in appears in the drop down box i want to enable the two fields, if they dont appear i want to disable the two fields

Please help.

Thank you

I have a form that shows or hides divs based on what is chosen in a dropdown.

There are 4 divs but only one is shown and the other 3 hidden based on dropdown selection.

Inside each div are checkboxes with items for sale.

I want to reset the checkboxes to unchecked and the line total values to 0 if the div is hidden. I've got the checkboxes to reset but I can't figure out how to set the line total values to 0 (There are 14 total so I'm trying to loop thru all of them and reset them.)

This is what I have in the loop

Code:

	for (var i = 0; i < form.elements.length; i++ ) {
		if (form.elements[i].type == 'checkbox') {
			form.elements[i].checked = false;
 		}
	}
	 // set line_totals to 0
	 for (var j = 0; j< form.elements.length; j++ ) {
		if (form.elements [j].name.substring(0,10) == 'line_total') {
			form.elements[j].value = '';
 		}
	}

apparently this is supposed to be a loop...
I got it off another topic here and it made NOOOO sense

Code:

//dandavis's ES5 Array methods:
(function ArrayMethods(){var o=Array.prototype,it,i,
  e=eval('( {map:Z0,r=[];for(;i<m;i++){if(i in t){r[i]=a.call(b,t[i],i,t);}}return r;},filter:Z0,r=[],g=0;for(;i<m;i++){if(i in t&&a.call(b,t[i],i,t)){r[g++]=t[i];}}return r;},every:Z0;return m&&t.filter(a,b).length==m;},some:Z1;for(;m--;){if(m in t&&a.call(t,t[m],m,t)&&!--i){return true;}}return false;},lastIndexOf:Zb||-1;for(;m>i;m--){if(m in t&&t[m]===a){return l;}}return-1;},indexOf:Zb||0;for(;i<m;i++){if(i in t&&t[i]===a){return i;}}return-1;},reduce:Z0,r=b||t[i++];for(;i<m;i++){r=a.call(null,r,t[i],i,t);}return r;},reduceRight:Zm-1,r=b||t[i--];for(;i>-1;i--){r=a.call(null,r,t[i],i,t);}return r;},forEach:function(a,b){this.concat().map(a,b);return this;}})'.replace(/Z/g,"function(a,b){var t=this.concat(),m=t.length,i="));for(it in e){i=o[it];o[it]=i||e[it];}
}());//end ArrayMethods()

someone want to explain it to me?

here is some more

Code:

(function(){var o=Array.prototype,it,i,e={
	map:function(a,b){var t=this.concat(),m=t.length,i=0,r=[];for(;i<m;i++){if(i in t)r[i]=a.call(b,t[i],i,t)}return r},
	filter:function(a,b){var t=this.concat(),m=t.length,i=0,r=[],g=0;for(;i<m;i++){if(i in t&&a.call(b,t[i],i,t)){r[g++]=t[i]}};return r},
	every:function(a,b){var t=this.concat(),m=t.length,i=0;return m&&t.filter(a,b).length==m},
	some:function(a,b){var t=this.concat(),m=t.length,i=1;for(;m--;){if(m in t&&a.call(t,t[m],m,t)&&!--i){return!0}}return!1},
	lastIndexOf:function(a,b){var t=this.concat(),m=t.length,i=b||-1;for(;m>i;m--){if(m in t&&t[m]===a){return l}}return-1},
	indexOf:function(a,b){var t=this.concat(),m=t.length,i=b||0;for(;i<m;i++){if(i in t&&t[i]===a){return i}}return-1},
	reduce:function(a,b){var t=this.concat(),m=t.length,i=0,r=b||t[i++];for(;i<m;i++){r=a.call(null,r,t[i],i,t)}return r},
	reduceRight:function(a,b){var t=this.concat(),m=t.length,i=m-1,r=b||t[i--];for(;i>-1;i--){r=a.call(null,r,t[i],i,t)}return r},
	forEach:function(a,b){this.concat().map(a,b)}
};for(it in e){i=o[it];o[it]=i||e[it]}}()); //end Array.16 injection

it has something to do with eval... whats eval?

sigh I hate arrays this is so confusing to try and read ><

I have a dice rolling function.
The user enters the number of sides, and the dice rolls 36000 times.
I track the results, and then display the percentages of each number being rolled as well.

I have it to where it displays but only for ONE die ( eg : a 5 sided die, it only displays up to 5, and not 10 )
But the function is rolling for both die, just not displaying.

I'm thinking I need to change, in the rollDice function, <=d.side to <=rolled_value, but whenever I do this, I get NaN errors.

Any help would be appreciated!

Code:

<script type="text/javascript">

    function Die(side) {
        this.side = side;
        this.roll = function () {
            var result;
            result = parseInt(((Math.random() * 1000) % this.side) + 1 );
            return result;
        } 

	
// <![CDATA[

	this.validateNum = function (side) {
	if (side > 1 && side < 101)
	return true;
	else
	return false;
	}

	
}
	

    function rollDice() {
        var d = new Die(document.getElementById('number').value);
		

			
		if (d.validateNum(d.side) == true) {
		var numCount = new Array(d.side);
		var percent;
		var rolled_value;

		for (var i=1; i<=d.side; i++)
		numCount[i] = 0;
		for (var j=0; j<36000; j++) {
		rolled_value = d.roll() + d.roll();
		numCount[rolled_value] = numCount[rolled_value] + 1;
		}
		for (var k=1; k <= d.side; k++)
		document.writeln("Number of" + " " +  k +"'s" + " " +	 "rolled" + ' : ' + numCount[k] + '<br/>' );
		
		for (var l = 1; l <= d.side; l++) {
		percent = new Number(parseFloat(numCount[l] / 36000) * 			100).toFixed(2);
		document.writeln("Percentage of" + " " + l + " " + "being rolled" + ' : ' + percent + '% <br/>');
		}
		} 
		
		
//]]>

I like to figure out in my ready made For Loop
it out puts a list of names and amounts

I want to figure out how to put in a colour scheme.

such as having every second row in yellow highlight?

here is my code

Code:

<title>The Lighthouse</title>
<link href="lhouse.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="list.js"></script>

<script type="text/javascript">
total=0;
for (var i=0; i<amount.length; i++)
	{
	total=total+amount[i];
	}
document.write(total);
</script>
</head>

<body>

<div id="title">
   <img src="logo.jpg" alt="The Lighthouse" />
   The Lighthouse<br />
   543 Oak Street<br />
   Delphi, KY &nbsp;&nbsp;89011<br/>
   (542) 555-7511
</div>
<div id="data_list">
<script type="text/javascript">
document.write('<table'+' border="1"'+' rules="row"'+'cellspacing="0">'+'<tr>'+'<th>Date</th>'+'<th>Amount</th>'+'<th>First Name</th>'+'<th>Last Name</th>'+'<th>Address</th>'+'</tr>');
for (var i=0; i<date.length; i++){	
	document.write('<tr>'+'<td>'+date[i]+'</td>'+'<td>'+amount[i]+'</td>'+'<td>'+firstName[i]+'</td>'+'<td>'+lastName[i]+'</td>'+'</tr>');}
</script>
</table>
</div>

Any suggestions on how to add the colour within the loops

Hello,

I have a homework assignment to complete and I don't understand 2 particular parts.

I need to design a game that does the following:
Based on assignment 3, write a program that allows you and the computer to take turns and guess each other's secret number (between 1 and 100);

Requirements:

* You and your opponent (computer) take turns to guess.
* You and your opponent gives simple hints like in assignment 3 for each round.
* Show how many rounds have passed.
* Keep guessing record and display it to assist the game play.

The guessing of the numbers needs to be simultaneous, and the professor wants us to use a while loop and an array. It is based on a previous assignment, in which we designed a program that would ask the user to guess a number between 1-100 that the computer generated. The user is prompted by alerts that say "too high" or "too low" and then is told when they guess correctly. This I understand, but I am confused about how to modify it to fit the new assignment.

Here is the code I have:
Code:

<html>
	<head>
		<title> Homework #3 </title>

			
		<script type="text/javascript">
			var randomNumber = Math.floor (Math.random()*100)+1;

			{
			var compNumber;
			var compNumber = Math.floor (Math.random()*100)+1;
			
			}

			{

				var copyArray, index;
				copyArray = []

				index = 0;
				while (index < strArray.length) {
					copyArray[index] = parseFloat(strArray[index]);
					index = index + 1;
			}
				return copyArray;
			}

			function compGuess ()
			
	
			{

				
				
				document.getElementById("compGuessBox").value=compNumber;
				}
					

			function Check()
			// Assumes: guessBox containes a guess
			// Results: displays text saying if guess is too high, too low, or correct

			{
				

				var userNumber;
				userNumber = document.getElementById("guessBox").value;
				userNumber = parseFloat(userNumber);

				if (userNumber < randomNumber) {
					alert("Too Low!");
				}
   
				if (userNumber > randomNumber) {
					alert("Too High!");
				}
    

				if (userNumber == randomNumber) {
     					alert ("Correct!");
				}

	
			}
		</script>
	</head>

	<body style="background-color:Lavender">
		<h1>
		<div style="text-align:center">
			Guess the Number the Computer has Chosen!
		</h1>
			<p>
			<div style="text-align:center">
			<input type= "text" id="compGuessBox" size="10" value="" />
			<input type="button" value="Click for Guess" onclick="compGuess();" />
			</p>

			<p>
			<div style="text-align:center">
			<input type="button" value="Too Low!" onClick="FUNCTION TO MAKE IT GUESS AGAIN HIGHER"
			<input type="button" value="Too High!" onClick="FUNCTION TO MAKE IT GUESS AGAIN LOWER"
			<input type="button" value="Correct!" 
			</p>
			
			<p>
			<div style="text-align:center">
			The Computer is Thinking of a Number Between 1-100. Enter your Guess: <input type="text" id="guessBox" size="10" value="" />
			</p>

			<p>
			<input type="button" value="Check your Answer" onclick="Check();" />
			</p>

	</body>
</html>

Obviously it doesn't work. My questions a

1.) How can I use an array to display the guesses?

2.) How can I use a while loop to allow the computer and user to take turns guessing each other's numbers?

I'm sorry if these are too broad--I genuinely do not know how to proceed from here.

I'm going to (hopefully) see the professor to ask these questions as well, but I thought I'd ask here just in case our schedules can't match up.

Thank you in advance!

Hi

This part of the script should ask the user which type of shape they'd like to calculate the area of, then convert whatever they enter to uppercase so that the test condition can be eventually falsified when the user enters 'c, C, s, S, r or R'.

I've consulted the w3 school, and as far as I can tell I'm formatting it correctly. I think the problem may be in the syntax of the test condition.

Code:

while (shapeType != 'C' || shapeType != 'S' || shapeType != 'R')
{
	shapeType = prompt("Which type of Shape would you like to find the area of?" + '\n' + "For a circle, enter C" + '\n' + "For a square, enter S" + '\n' + " For a rectangle, enter R");
	shapeType = shapeType.toUpperCase();
}

However, firebug reports that 'shapeType is null'.

How can this be? I've declared shapeType in the head as a global variable.

Any ideas?


Jenny