Learn VBA & Macros in 1 Week!

JavaScript - Is There A Problem In Either Closeslide Or Moveslide Functions?

Full Excel VBA Course - Beginner to Expert

Is There A Problem In Either Closeslide Or Moveslide Functions?	View Content

Code:

window.onload = makeMenus;
var currentSlide = null;
var timeID = null;
var leftPos = 0;

function makeMenus(){
	var slideMenus = new Array();
	var allElems = document.getElementsByTagName("*");
	
	for (var i=0; i < allElems.length; i++){
		if (allElems[i].classname == "slideMenu")slideMenus.push(allElems[i]);
	}
	
	for (var i = 0; i < slideMenus.length; i++){
		slideMenus[i].onclick = showSlide;
	}
	
	document.getElementById("head").onclick = closeslide;
	document.getElementById("main").onclick = closeSlide;
}

function showSlide(){
		var slideList = this.getElementsByTagName('ul')[0];
		if ((currentSlide != null) == slideList {
		closeSlide;
	}else {
		closeSlide;
		currentSlide = slideList;
		currentSlide.style.display = "block";
		timeID = setInterval("moveSlide()", 1);
	}
}

function closeSlide(){
	clearInterval(timeID);
	currentSlide.style.left = 0 + "px";
	currentSlide.style.display = "none";
	currentSlide = null; 
}

function moveSlide(){
	leftPos + 5;
	
	if (leftPos <= 220){
	currentSlide.style.left = leftPos + "px";
	}else {
	clearInterval(timeID);
	leftPos = 0;
	}
}

The HTML is a bit lengthy. Wasn't sure it was necessary here.

Full Excel VBA Course - Beginner to Expert

Very Simple Problem With Using Variables Between Functions In A .js (grrrrr)

Similar Tutorials

View Content

Hi I am using a .js with 3 functions in it
1st function getPeriod is to extract the index of a selected list item

2nd function getRadios is to get the value from a selected radio button

3rd function calculateAmount uses if statments and follows a course depending on which index was selected from the list item in the 1st functino ie . 0,1,or 2

The problem is that the index value is unidentified in the 3rd function when i try to use it in the if statement, but the value of the radio button, the variable "cigs" works...

I want to know how to allow the index value to work in the 3rd function
I know this is a very silly problem but I cant spend any more time trying to figure it out ...code below ...Thanks !
[code]

var index = 0;
var element = "";
var cigs = 0;

// get the selected item in the list with id listId
function getPeriod(listId){

// find the index of the selected item
index = document.getElementById(listId).selectedIndex;

// use the index to access the text of the selected item
element = document.getElementById(listId).options[index].text;

// put the favorite into the text field
document.getElementById('period').value=index;
return index;

}

function getRadios(what){
// get the cigs value
j=what.cigs.length; //alert(j)
for (i=0; i<j; i++){
if(what.cigs[i].checked) cigs = what.cigs[i].value
}
what.buttons.value = (cigs)
return cigs;
}

function calculateAmount (){

if (index = 0) {
total = (8.5 * cigs * 182);
}
else if ( index = 1 )
{
total = (8.5 * cigs * 365);
}
else if (index = 2)
{
total = (8.5 * cigs * 730);
}
document.getElementById('total').value=total;
}

[code]

Beginner Help, Functions/classes/objects Hard To Explain My Exact Problem

Similar Tutorials

View Content

Hello,

I'm taking Computer Logic in college. I only am truly familiar with HTML and CSS and minimal web hosting stuff. I REALLY want to learn how to program, however. Anyway, we are doing classes/objects and functions. I am trying to figure out how to do this exercise. She starts with having us make this page that has a form that lets you select one of three radio buttons that will change the background color of the web page, along with that there is two text boxes to put a first name and last name. Then there is a button to click which puts your full name concatenated in another box below. All of this, is done, and I pretty much THINK I understand what is going on. Here is the code that we did to get this to happen:

Code:

<html>
<head>
<title>Computer Logic in class</title>
<script type="text/javascript">
var nextColor = "";
var BR = "<br />";

function setColor(newColor)
{
	nextColor = newColor;
}

function changeColor()
{
	document.body.bgColor = nextColor;
}

function displayName()
{
	var firstName = document.ColorAndText.firstName.value;
	var lastName = document.ColorAndText.lastName.value;
	document.ColorAndText.fullName.value = firstName + " " + lastName;
}

</script>
</head>
<body bgcolor="red">
<form name="ColorAndText" action = "">

<input type="radio" name="colors" value="Blue" onclick="setColor(this.value)"/> Blue <br />
<input type="radio" name="colors" value="LightYellow" onclick="setColor(this.value)"/> Light Yellow <br />
<input type="radio" name="colors" value="Yellow" onclick="setColor(this.value)"/> Yellow <br />

<input type="button" name="changeButton" value="changeColor" onclick="changeColor()" /> <br />

<input type="text" name="firstName" value="First Name" size="40" /><br />
<input type="text" name="lastName" value="Last Name" size="40" /><br />
<input type="text" name="fullName" readonly="true" size="40" /><br />

<input type="button" name="displayButton" value="Display name" onclick="displayName()" /> <br />
</form>
</body>
</html>

Okay, now, I have and can do that. Seems to make sense. Now, then, the actual program I need to make is from the following exercises:

Activity 3-4 The owner of a flower shop wants you to develop a form for use on the shop's web site. The form should have a single text box for the user to enter his or her name. Under the text box should be a group of radio buttons for three different kinds of flowers: Roses, Carnations, and Daisies. Below the radio buttons should be a button labeled Request Info, with a read-only text box under it for thanking the user for requesting information. This program doesn't need any functions or onclick attributes for the graphical elements.

Okay, here is the code that does that, very simple HTML.

Code:

<html>
<head>
<title>Computer Logic in class</title>
<script type="text/javascript">
var nextFlower = "";
var BR = "<br />";

function setFlower(newFlower)
{
	nextFlower = newFlower;
}

function displayMessage()
{
	var firstName = document.Flowers.nameBox.value;
	document.Flowers.fullName.value = firstName + "," + nextFlower;
}

</script>
</head>
<body bgcolor="white">
<form name="Flowers" action = "">

<input type="text" name="nameBox" value="Namebox" size="60"><br />

<input type="radio" name="flowers" value="Roses" onclick="setFlower(this.value)"/> Roses <br />
<input type="radio" name="flowers" value="Carnations" onclick="setFlower(this.value)"/> Carnations <br />
<input type="radio" name="flowers" value="Daisies" onclick="setFlower(this.value)"/> Daisies <br />


<input type="button" name="displayButton" value="Request Info" onclick="displayMessage(this.value)" /> <br /><br />
<input type="text" name="thankyou" readonly="true" size="100" value="Thanks for using this program" /> 
</form>
</body>
</html>

Okay, now is where I'm stuck. The following exercise is as follows:

The flower shop owner in the previous activity wants to see where you can make the form interactive and asks you to have the form display a message in the bottom text box that includes the user's name, a comma, and the words "thank you for your inquiry about" followed by the flower name the user selected. Write a function named displayMessage() that accesses the user's name from the first text box and displays the message in the read-only text box. You also need to make the Request Info button call the displayMessage() function when it's clicked. Using Javascript, make this form active by including event triggers and functions.

My teacher has said that I should be able to do this by just referencing these two previous pages of code that I have already pasted. I feel like I am missing something, that I need to be doing something and it's just not working for me. I'm actually really really stuck on this. I haven't even gotten to the second half of the exercise (where I have to have it display about what flower you select) because I cant get this function to work. What am I missing? Also, the exercise we did before these two had us make a very basic account class and object. We don't have to do that at all in this anywhere, but I do know how to do it, in case I need to make a class or something.

ANY AND ALL HELP GREATLY APPRECIATED!!! I just don't know what I'm supposed to do, I can't get it to work.

Getting Nested Functions To Work Within Functions

Similar Tutorials

View Content

Hi,

I have written a number of functions designed to return frequency data on 1000 randomly chosen numbers using different math functions for the rounding. I would like to include all of these functions within the wrapper of another function so that only one call is needed to get returns from all of the 'inner' functions. However, while each of the functions works in isolation, the moment I wrap them in another function they stop working.

The following code is one of the functions 'frequencyWrapperOne' that has been wrapped in the function 'testWrapper'. A call to testWrapper does nothing. Can anyone see what I'm doing wrong?

Code:

function testWrapper()
{

function frequencyWrapperOne()
{
	var numberArrayOne = new Array(0,0,0);
	for (var i = 0; i < 1000; i = i + 1)
	{
		var chosenNumber = Math.floor(Math.random() * 3); 
		if (chosenNumber == 0)
		{
			numberArrayOne[0] = numberArrayOne[0] + 1;
		}
			if (chosenNumber == 1)
			{
				numberArrayOne[1] = numberArrayOne[1] + 1;
			}
				if (chosenNumber == 2)
				{
					numberArrayOne[2] = numberArrayOne[2] + 1;
				}
					
	}		
	return window.alert(numberArrayOne.join(','));
	
}
}	
testWrapper();

Thanks.

Functions And Show Functions

Similar Tutorials

View Content

Ok here is what I have so far, my ending part of my Call Function I think is ok.

for my main function. I think I misplaced the { and }

I will show you all the codes I have

for my main function

this is what I have

I think I did misplace something but I can not pin point where that one small things should be

Code:

unction showResults(race,name,party,votes)
	{ 					// script element to display the results of a particular race
var totalV = totalVotes(votes);
document.write("<h2>" + race + "</h2>");
document.write("<table cellspacing='0'>");
document.write("<tr>");
document.write("<th>Candidate</th>");
document.write("<th class ='num'>Votes</th>");
document.write("<th class='num'>%</th>");
document.write("</tr>");
	}
	
	
for (var i=0; i < name.length; i++)
{
document.write("<tr>");
document.write("<td>" name[i] + "(" + party[i] + ")</td>");
document.write("td class='num'>" + votes[i] + "</td>");
 
var percent=calcPercent(votes[i], totalV)
 
document.write("<td class='num'>(" + percent +"%)</td>");
 
createBar(party[i],percent)
document.write("</tr>");
}
document.write("</table>");
}
</script>

Just wondering if i misplaced any ; or { or } anywhere suggestions?

Here is my call function
Code:

<script type="text/javascript">
	
showResults(race[0],name1,party1,votes1);
showResults(race[1],name2,party2,votes2);
showResults(race[2],name3,party3,votes3);
showResults(race[3],name4,party4,votes4);
showResults(race[4],name5,party5,votes5);
  
</script>

I been going over this, I can not seem to figure out what { i might be missing?
Thanks

Activating Functions From Other Functions?

Similar Tutorials

View Content

Is there a way to activate a function from another function? It has to be in the script tag, it can't be in the HTML section. Can I use something similar to this following code? If not, can anyone give me some help? I have tried to do it various ways, and have looked it up a few times, but to no avail. Can I use something similar to this following code? If not, can anyone give me some help?

if (condition)
{activate functionname();}

Any help I can get would be appreciated. Thanks a lot to anyone who can help.

I Need Help...functions

Similar Tutorials

View Content

I need to input the functions for the buttons ( Push, Pop,Peek, Enqueue, and Dequeue) nothing I try works. Can anyone possible help me with one of the push, pop or peek, and then one of the Enqueue or Dequeue (any information I see online always has to do with wordpress which im not using) . Im really not asking for someone to do all the work for me, I just need a start. ok here is my code with the buttons just no functions

<html>
<head>
<title>COP2500 - Lab 9</title>
</style></head>
<body>
<center>
<h3><b>COP2500 Assignment 9</b></h3>

<b>Queue:</b>
<form name="queue">
<input type=text size=60 name="display"><br>
<input type=text size=5 name="entry">

<input type=button value="Enqueue" onClick="enqueue()">
<input type=button value="Dequeue" onClick="dequeue()">
</form>

<hr>
<b>Stack:</b>
<form name="stack">
<table>
<tr>
<td>Entry: <input type=text size=5 name="entry"><br>

<input type=button value="Push" onClick="push()"><br>
<input type=button value="Pop" onClick="pop()"> <br>
<input type=button value="Peek" onClick="peek()"><br>
</td>
<td><textarea name=display rows=20></textarea></td>
</tr>

</table>
</form>

</center>
<script language="JavaScript">
var myqueue = new Array();
var front;
var back;
front = 0;
back = -1;

var mystack = new Array();
var top;
top = -1;

function enqueue()
{
// This function should take the value from the 'entry' text box and
// add it to the back of the queue. The 'back' queue variable must be
// incremented.

// Since the queue changed, call the display function. Done.
display_queue();
}

function dequeue()
{
// This function should display the value of the 'front' element
// in the queue using the 'alert' function and then increment the value
// of the front variable.
// if the queue is empty, i need to say so.

// Since the queue changed, call the display function. Done.
display_queue();
}

function push()
{
// This function should add the value in the 'entry' text box to the stack,
// and then increment the value of the 'top' variable.

// Since the stack changed, call the display function. .
display_stack();
}

function pop()
{
// This function should use the alert function to display the top
// of the stack and then remove the top item from the stack.
// You can 'remove' the item simply by decrementing the value of 'top'.
// If the stack is empty, it needs to say so.

// Since the stack changed, call the display function. .
display_stack();
}

function peek()
{
// This function should use the 'alert' function to display the top
// of the stack but not change the stack. If stack is empty,it needs to say so.
}

// *****************************************************************
// Do not edit anything below this line. Use the functions as given.
// *****************************************************************
function display_queue()
{ var output;
var i;

output = " ";
for (i = back; i >= front; i--) output = output + myqueue[i] + " ";

document.queue.display.value = output;
}

function display_stack()
{ var output;
var i;

output="";
for (i = top; i > -1; i--) output = output + mystack[i] + "\n";

document.stack.display.value = output;
}

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

Js Functions Won't Run

Similar Tutorials

View Content

I'm a newbie student coder for now, hoping to enter the wonderful world of software engineering in another year.

I put together a very simple site for a class and all is well, but my "Contact SRS" form doesn't seem to want to run my JavaScript code even though I've used a JS debugger which returned no errors.

When I click the Submit button it's supposed to validate the form. But I keep getting "Error on page" in the bottom IE 7 message bar (where it usually says "Done" when you load a page). There is another function that also does not work - it's in the Telephone number fields - it' supposed to check that the values entered are numbers.

Would anyone be kind enough to try to run this page in your browser and see if the validation functions runs for you? If they don't, could you offer any suggestions as to code errors or possible browser settings that might be causing the problem?

Thanks in advance to anyone offering their time!!!

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="description" content="Page used to contact SRS" />
	<meta name="keywords" content="resume, resumes, job, jobs, job market, job info, interview tips, job interview, salary,
	salaries, cover letter, cover letters, SRS, Superior Resume Source, business cards, help with resume, help with job search" />

	<title>Contact SRS</title>
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

	<script type="text/javascript">/* <![CDATA[ *//* ]]> */	

		function checkForNumber()
			{
                			if (isNan(document.forms[0].area.value)){alert("You must enter a numerical value");return false;}
				else if (isNan(document.forms[0].exchange.value)){alert("You must enter a numerical value");return      false;}
	    			else if (isNan(document.forms[0].phone.value)){alert("You must enter a numerical value");return false;}
			 }

//		function validateForm ()
//			{
//                		if(document.forms[0].firstname.value==""){alert("You must enter your first name.");return false;}}
//            			}
//			     else if(document.forms[0].lastname.value== ""){alert("You must enter your last name.");return false;}
//			     else if(document.forms[0].address1.value== ""){alert("You must enter your address.");return false;}
//			     else if(document.forms[0].city.value== ""){alert("You must enter a city.");return false;}
//			     else if(document.forms[0].state.value== ""){alert("You must enter a state.");return false;}
//			     else if(document.forms[0].zip.value== ""){alert("You must enter your zip code.");return false;}
//			     else if(document.forms[0].area.value== ""||document.forms[0].exchange.value== ""||document.forms[0].phone.value== "")
//			     {alert("You must enter a complete phone number.");return false;}}
//			     else {alert('Thank you! SRS will contact you within one business day.');}}
			     
        function isEmpty(strfirst, strlast, straddress, strcity, strstate, varzip) 
            {

                strfirst = document.forms[0].firstname.value 
                strlast = document.forms[0].lastname.value
                straddress = document.forms[0].address1.value
                strcity = document.forms[0].city.value
                strstate = document.forms[0].state.value
                varzip = document.forms[0].zip.value

              //name field
                if (strfirst == "" || strlast == null || strfirst.charAt(0) == ' ')
                {
                alert("\"First Name\" is a mandatory field.\nPlease amend and retry.")
                return false;
                }

              //last name field 
                if (strlast == "" || strlast == null || strlast.charAt(0) == ' ')
                {
                alert("\"Last Name\" is a mandatory field.\nPlease amend and retry.")
                return false;
                }

              //address field 
                if (straddress == "" || straddress == null || straddress.charAt(0) == ' ')
                {
                alert("\"Address\" is a mandatory field.\nPlease amend and retry.")
                return false;
                }
                return true;
                }
    
                //city field 
                if (strcity == "" || strcity == null || strcity.charAt(0) == ' ')
                {
                alert("\"City\" is a mandatory field.\nPlease amend and retry.")
                return false;
                }

               //state field 
                if (strstate == "" || strstate == null || strstate.charAt(0) == ' ')
                {
                alert("\"State\" is a mandatory field.\nPlease amend and retry.")
                return false;
                }
            }
            
            function check(form)){
                if (isEmpty(form.firstname)){
                  if (isEmpty(form.lastname)){
                    if (isEmpty(form.address1)){
                    if (isEmpty(form.city)){
                    if (isEmpty(form.state)){
                      }
                      }
                	  }
                    }
                }
                return false;
                }

	</script>


</style>

</head>

<body>

	<a name="top"></a> 

	<div id="container">

		<div id="header">
			<h1></h1>
		</div>

		<div id="content">
			<h2>Contact SRS</h2>
			
			<p>Use this page to contact SRS and/or order products and services.  Refer to our <a href="services.htm">Services</a> page for pricing.</p>

			<p><strong>Remember, our work is guaranteed or your money back!</strong></p>

		</div>

		<div id="sidebar">
			
			<ul>

				<li><a href="index.htm">Home</a></li>
				<li><a href="about.htm">About SRS</a></li>
				<li><a href="services.htm">Services</a></li>
				<li><a href="contact.htm">Contact SRS</a></li>
			</ul>


			
			<div class="widget">
				Did you know that employers prefer CV's that are limited to three pages or less?
			</div>
			
			<div class="widget">
				First impressions last a lifetime... write a Thank You letter EVERY time!
			</div>
			
			<div class="widget">
				Want to know your personality type?  Take this FREE <a href="http://www.careerfulfillment.com/?hop=daviduk"> personality test.</a>
			</div>

			
		</div>

	</div>
	<form method="get" enctype="application/x-www-form-urlencoded">



		<table border="0">

			<tr>
				<td id="contact table" valign="top">
					<h3><strong>Contact SRS</strong></h3>
					
					<p><strong>* Required</strong><p>

					<p>First Name*<br />
						<input type="text" name="firstname" size="50" />
					</p>

					<p>Last Name*<br />
						<input type="text" name="laststname" size="50" />
					</p>

					<p>Address*<br />
						<input type="text" name="address1" size="50" /><br />
						<input type="text" name="address2" size="50" />
					</p>

					<p>City, State, Zip*<br />
						<input type="text" name="city" size="34" />
						<input type="text" name="state" size="2" maxlength="2" />
						<input type="text" name="zip" size="10" maxlength="10" onchange="return checkForNumber;" />
					</p>

					<p>Telephone*</p>
					<p>(<input type="text" name="area" size="3" maxlength="3" onchange="return checkForNumber;" />)
						<input type="text" name="exchange" size="3" maxlength="3" onchange="return checkForNumber;" />
						<input type="text" name="phone" size="4" maxlength="4" onchange="return checkForNumber;" /></p>
	
					<strong>Check the reason(s) for your inquiry?*</strong>
					<p><input type="checkbox" name="geninquiry" value="General_Inquiry" />General Inquiry <br/>
					<input type="checkbox" name="help" value="Help" />Help<br/>
					<input type="checkbox" name="new_resume" value="Order New Resume" />Order a New Resume <br />
					<input type="checkbox" name="Update_resume" value="Update My Resume" />Update My Resume <br/>
					<input type="checkbox" name="cover_letter" value="Order Cover Letter" />Order a Cover Letter <br /></p>

					<textarea rows="10" cols="50">Type your comments here</textarea>

					<p><input type="button" name="Submit" value="Submit" onsubmit="return check(this);" />     <input type="reset" /></p>
				
				</td>
			</tr>
		</table>
	</form>
	
<a href="#top">Back to Top</a><br />

</body>

</html>

Need Help With If Functions

Similar Tutorials

View Content

Functions Help

Similar Tutorials

View Content

Code:

<html>
<head>


<script>
//declare variable
//var temp = 0;
var Num = parseInt(prompt('Enter an Intger'));


// starts the function factorial
factorial(Num);

//The function is declared
function factorial(currentNumber) {

  if(currentNumber > 1) {
      //temp = temp + (currentNumber);
      factorial(currentNumber - 1);
      alert(currentNumber);
  }
  else {
      alert("here");
  }
}
</script>

</head>

<body>
</body>

</html>

This code is suppose to take the prompt number and keep subtracting one if > 1 but it seems to be not doing that at all and doing the else statement first then + till it gets to the prompt number. I have been staring at it for a while now and cant work it out.

Thanks

How Can I Run Two Functions...one After The Other

Similar Tutorials

View Content

im no jQuery rookie

but for the first time ...instead of simply writing out the animation

jQuery('element').hide()

in that way.... i instead needed to keep track of the functions so i wrote it like

function hidetheElement() {
jQuery('element').hide()
}

but now i need to run 2 of those functions together after a click ...for example

jQuery('ClickedElement').click(
movethelement,hidethelement
)

see what i mean?....i dont know how to properly run two defined functions
whats the proper syntax....

and here is my actual code for reference
(its basically a menu link being clicked...hiding one page...and showing another....i needed to define the functions so if a menu link is clicked it could hide every other page first...by function....and then call a function to show the page

Code:

jQuery(document).ready( function() {
jQuery('#ladiesmenu').click(
previewoff,ladieson
);

function previewoff() {
	jQuery('#preview').fadeOut(500);
}

function ladieson() {
	jQuery('#ladies').fadeIn(500);
}

Functions Upon Functions

Similar Tutorials

View Content

I would really like to thank the guys that have been helping me. I think my brain would have exploded otherwize. Some of the problems have been simple misspellings, but when you have been staring at the same thing for hours it can sorta slip by.

HOPEFULLY this will be the last thing that I need some help with.

Bascially Im not sure if Im using the function command properly. When Submit Details is click it should validate the form and then when Calculate is pressed calculate the form (obviously).

I think maybe my var Array table is wrong? And the way the functions are set out doesnt seem it sit right.

Code:

 <script type="text/javascript">
				
				var element;
				var itemArray = new Array();
				itemArray [0] = "Bike"		//not sure if these are properly writen?//
				itemArray [1] = "TV"
				itemArray [2] = "iPod"
				itemArray [3] = "Car"
				var flag="OK";
				var count = 0
				
				document.write ("<form name='myform'><br><table>");
				while (count <= 3)
					{
					if (count < 3)
						{
						document.write ("<tr><td><value>Enter money from " + itemArray [count] + " sale.</td><td><input type='text' name=" + itemArray [count] + "></td></tr>");
						count++
						}
					else
						{
						document.write ("<tr><td><value>Enter the price of " + itemArray [count] + ".</td><td><input type='text' name=" + itemArray [count] + "></td></tr>");
						document.write ("<tr><td><input type='submit' value='Submit Details' onClick='validateform'</td></tr>");
						document.write ("<tr><td><input type='submit' value='Calculate Details' onClick='calculateform'</td></tr></table></form>");
						count++
						}
					}

function validateform()		//<=== doesnt run
{				
				element=document.getElementsByTagName ('input');
				for (counter=0; counter<element.length; counter++)
				{
					
					switch (element[counter].type)
						{
							case "submit":
							break;
							default:
							if (isNaN(element[counter].value) || (element[counter].value == "") )
								{
									alert("You need to enter a number into " + element[counter].name);
									flag="NotOK"
								}
							else
								{
									Bike=element[0].value;
									TV=element[1].value;
									iPod=element[2].value;
									Car=element[3].value;
								}
							break;	
						}
				}
}

function calculateform()	//<=== Doesnt run either
{
			if (flag=="OK")
				{
					if	(	(Number(element[Bike])) && (Number(element[TV])) && (Number(element[iPod])) && (Number(element[Car]))	)   //<========= Gets Bike is not defined error easy//
						{
						
						TotalMoney= parseFloat (Bike) + parseFloat (TV) + parseFloat (iPod)
						if 	(TotalMoney >= Car)
							{
							alert ("The total money is " + TotalMoney + " and the car price is " + Car + " and you can afford the car")
							}
						else
							{
							alert ("The total money is " + TotalMoney + " and the car price is " + Car + " and you cannot afford the car")
							}
						}
				}
}
		</script>

Functions Without ()

Similar Tutorials

View Content

.

Why do we have functions without parentheses at times?

Ex 1)
http://www.youtube.com/watch?v=OHYFNDzlDTE (On 2:18)

Ex 2)

At the bottom:
Code:

var panel, flag;

function mousemoveResponse(e)
{ 
 var x, y;

  if( window.event )
  { 
    x= event.x; y=event.y; 
  }
  else if(e)
  { 
    x=e.pageX; y=e.pageY; 
  }

  if(flag)
  {
    panel.innerHTML = "Mouse is at X: " + x + ", Y: " + y ; 
  } 
}

function mouseoverResponse()
{  
  flag = false; 
  panel.innerHTML = "Mouse is Over"; 
}

function mouseoutResponse()
{ 
  flag = true ;
}

function init()
{
 panel=document.getElementById("panel");
 flag = true;
 panel.innerHTML="Move the mouse..." ;
 
 document.onmousemove=mousemoveResponse;
 panel.onmouseover=mouseoverResponse; 
 panel.onmouseout=mouseoutResponse; 

}
 onload=init;

Functions Help

Similar Tutorials

View Content

Hi,
I am creating a mashUp with google maps and have a function that creates the map, marker, infowindow and all works great.
I want to add more functions to that functions file.
Do I start with another function Name() put my function in the {} and then I am going to use the onclick event when I want the function to run.
I also am going to add more functions to this file

Is that the correct way to keep adding functions?

And what is the best way of calling them in my html file?

Answers and examples would be great

thank you

Forms And Functions

Similar Tutorials

View Content

I'm right at the beginning of learning javascript and having trouble with my first project

Code:

<html>
<head>
</head>

<body>
<form onsumbit="return add_hq()">
Headquarters:
<select name="ork_hq_list" id="ork_hq_list" >
<option value="warboss.html">Warboss<br />
<option value="big_mek.html">Big Mek<br />
<option value="weirdboy.html">Weirdboy<br />
</select>
<input type="submit" value="Add"/>
</form>


<script type="text/javascript">
function add_hq()
{
hq = document.getElementById("ork_hq_list");
window.open("hq.options[hq.selectedIndex].value","Warboss","width=700");
return false;
};
</script>

</body>
</html>

Basically I have a 3 element drop-down form that is supposed to pop up a small window depending on what choice is selected when the submit button is pressed, but the selection is not getting to the code somehow. Can anyone see what I've done wrong?

Conflict With Two Functions

Similar Tutorials

View Content

Hello,

I'm very very new to javascript and HTML but i've gotten pretty far untill i hit this problem.

In my HTML i have 3 div's each of them has an Id. Now when i load the page all of them are hidden. The idea is that when you push a link (a thumbmail) the div (which is basically an embedded video) pops up. All of this worked fine with a small java function that changes the display setting in the CSS file from block to none and back again. The problem is that when you open a second div the first one doesn't disappear. I though i would try writing a very simple functions that hides every div besides the one you just clicked on. Even though I combined the functions in one master function, I can't get the hide part to work.

Here's the HTML code
Code:

 
<div id="blokReel" style="display:none;">

content

</div>

<div id="blokDiner" style="display:none;">

content

</div>

<div id="blokKitsune" style="display:none;">

content

</div>

<div id="bloklinks">

<p>(click once to open player click again to close)</p>
<p class="title">animation reel</p>
<ul id="galleryMOV">
	<li>
		<a href="javascript:void(0)";
			onclick="Eval('blokReel','blokDiner','blokKitsune');">
		<img src="img/stringsfini.jpg" alt="description"class="thumb"/>
		<span class="caption">caption caption caption</span>
		</a></li></ul>

<p class="title">full movies</p>
<ul id="galleryMOV">
	<li>
		<a href="javascript:void(0)";
			onclick="Eval('blokDiner','blokReel','blokKitsune');">
		<img src="img/stringsfini.jpg" alt="description"class="thumb"/>
		<span class="caption">caption caption caption</span>
		</a></li>
	<li>
		<a href="javascript:void(0)";
			onclick="Eval('blokKitsune','blokReel','blokDiner');">
		<img src="img/stringsfini.jpg" alt="description"class="thumb"/>
		<span class="caption">caption caption caption</span>
		</a></li></ul>
</div>

So 3 div and 3 thumbnail links that have an onclick event called Eval().

Here's the javascript code

Code:

function Eval(element1, element2, element3) {
	
	ShowHide(element1);
	Hide(element2);
	Hide(element3);
}

function ShowHide(elementId)
{
	var wijzig = document.getElementById(elementId);
	if(wijzig.style.display != "block")
	{
		wijzig.style.display = "block";
	}
	else
	{
		wijzig.style.display = "none";
	}
}

function Hide(blok) 
{
	var verborgen = document.getElementByld(blok);
	verborgen.style.display = "none";
}

I'm viewing the html in safari 3.2.1

thanks for your time,
W

Button Functions

Similar Tutorials

View Content

Hi,

I'm Trying Make A Simple Program To Flip A Coin (Using Math.random). Every-time I Open My Browser Running The Code, The Button, Appears,
But When Clicked, Nothing Happens... :confused: Can't Figure Out Why, If Someone Could Help Me Fix This, And Tell Me What I've Done Wrong, That Would Be Great, Thanks...

Code:
Code:

<DOCTYPE html>
<html>
<head>
</head>
<body>
<button type="button" onclick="myFunction()">Start</button><br>
<script>
function myFunction(){
for( i = 0; i < 20; i++){
if(Math.random() > 0.5){
document.write(\n + 'Heads')}
else{
document.write(\n + 'Tails')}}}
</script>
</body>
</html>

Functions To Set Objects

Similar Tutorials

View Content

I'm having a spot of trouble in making my functions work and my book seems to be pure rubbish. I'm sure that the error is purely syntax, although it may be something more.

Code:

<script type="text/javascript" src="flowers.js"></script>
    <script type="text/javascript">
        function pageSetup() {
		  var today = new Date(); // this creates a date object with today's date
		  var banner = displayBanner(today); // *should* call the displayBanner function
		  
		  var days = calcDaysToSale(today);	// *should* call the function using today's date
		  document.sale.saleMessage.value = days; // *should* set the value to days.
		  
		  // Obviously none of it works.
		  
		}

     </script>

This is the code working with the script contained in the html file. I'll post the full page at the bottom. The following code is the JavaScript code. The first function isn't made to provide full functionality at the moment, I'm trying to get the rest of it working.
Code:

function displayBanner(currentDate) {
		if	(currentDate.getMonth() == 2)
			imgSrc = "winterLogo";
		return ("<img src='" + imgSrc + ".gif'>");
}


function calcDaysToSale(currentDate) {
	var saleDay = new Date();
	saleDay.setDate(15);	// sets the sale date to the 15th of the current month
	
	// Subtracts the days remaining until the sale.
	// If the number is negative, the sale is over.
	var Days = saleDay.getDate()-currentDate.getDate();
	if (Days < 0) {
		return "The sale has ended.";
	}
	else {
		return Days;
	}
}

I have tried to Google the problem and I have also tried to look it up in my book. I simply don't know the right terms to Google, and as I said the book is rubbish. I don't know why the Code:

  document.sale.saleMessage.value = days;

doesn't work for this. Oh well, I'll learn quickly I suppose.

Here is the full HTML code:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Carol's Flowers</title>
<link href="flowers.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="flowers.js"></script>
    <script type="text/javascript">
        function pageSetup() {
		  var today = new Date(); // this creates a date object with today's date
		  var banner = displayBanner(today); // *should* call the displayBanner function
		  
		  var days = calcDaysToSale(today);	// *should* call the function using today's date
		  document.sale.saleMessage.value = days; // *should* set the value to days.
		  
		  // Obviously none of it works.
		  
		}

     </script>

</head>

<body  class="oneColLiqCtrHdr">

<div id="container">
  <div id="header">
    <p><img name="myBanner" src="banner" id="myBanner" alt="Carol's Flowers" />
      <!-- end #header -->
    </p>
    <div id="links"><a href="#">Home</a> | <a href="#">General Arrangements</a> | <a href="#">Seasonal Designs</a> | <a href="#">Custom Orders</a> | <a href="#">Location</a></div>
  </div>
  <div id="mainContent">
    <table id="mainTable">
    <tr>
       <td width="201"><h1><img src="Flowers.JPG" alt="Random Flowers" width="200" height="255" /></h1></td>
       <td width="687">
    <p>Here at Carol's Flowers, we believe that there is a perfect floral arrangment for every occasion! Take a look around and see if there is anything you like. If we don't already have it, then we will create it for you!</p></td>
    </script>
    </tr>
    </table>
    <!-- end #mainContent --></div>
  <div id="footer">
    <p> <form name="sale" id="sale">
      Days Until Mid Month Madness Sale : 
      <input type="text" name="saleMessage" id="saleMessage" /></form></p>
    <!-- end #footer --></div>
<!-- end #container --></div>

<!-- I am trying to run the script here -->
<script type="text/javascript">
	pageSetup();
</script>

</body>
</html>

Two Functions Will Not Work Together

Similar Tutorials

View Content

Hi, I am trying to have a count-up timer on my website, where I count upwards from a specific date, measuring seconds, minutes, days and months. I've tried to set the code up he

http://www.wuzhannanan.com/alex/timeticker.html

But only one of the functions are showing. I've been stumped all day trying to figure this out, it seems so simple yet I cannot figure this out. Can someone please lend me some advice?

2 Noobie Functions

Similar Tutorials

View Content

hey , i got 2 function , the one working and the other one is'nt

heres the functions :

Code:

                        var toDisplay = "f";
			function human(){
				var toAdd = toDisplay.substring(0,1);
				setTimeout(human , 500);
				document.getElementById('box').innerHTML += toAdd;
			}
			human(); // works (display "f" every half a sec)
			
			function human2(toDisplay2){
				var toAdd = toDisplay2.substring(0,1);
				var t = setTimeout("human2(toDisplay2)" , 500);
				document.getElementById('box').innerHTML += toAdd;
			}
			human2("dsd"); // not working (only display "d" and stop)

the first function works ( keep printing "f" every 0.5 sec )
the second function only work once and than stop ( print "d" and than stop )

what's the problem with the second function?

thanks , Mor.

Functions Question

Similar Tutorials

View Content