JavaScript - I'm Newbie Please Help About Ceiling This Javascript

Hi everyone,

I'm currently stuck with a transition problem in my javascript (actually it's not mine) but since it's a little tricky to explain I've uploaded the page to a friend website so you can take a look at it.


http://www.tanzstelle.net/simon/coel...red/index.html


So when you hover between the link "car1" and "car2" the fading animation is absolutely correct but as soon as you hover lets say between "car2" and "car3" you'll see how during the transition "car1" shows up for a second - which is imho very annoying. Does anyone know how to tell js not to use "car1" between other transitions? I'm absolutely open to any new ideas but please remember I'm really a javascript/css newbie. Thank you.

simon

Hello, everyone i have a mini problem on my hands. I wrote a javascript file, which was linked to a html file. The issue here is that i cannot seem to load my table of contents. i have checked my syntax countless times and my compiler shows no error message. i hope anyone of you out there could help me out. thanks!

here are the codes:

unsconttxt.htm -


<?xml version="1.0" encoding="UTF-8" ?>

toctxt.js -


/*

Author:
Date:

Filename: toctxt.js

function addEvent(object, evName, fnName, cap) {
if (object.attachEvent)
object.attachEvent("on" + evName, fnName);
else if (object.addEventListener)
object.addEventListener(evName, fnName, cap);
}

addEvent(window, "load", makeTOC, false); //the code to run makeTOC() function when the page loads

var sections = new Array("h1", "h2", "h3", "h4", "h5", "h6"); //list of elements that act as section headings
var sourceDoc; //document on which the TOC is based

function makeTOC()
{
var TOC = document.getElementById("toc"); //html codes added to the TOC object.
TOC.innerHTML = "<h1>Table of Contents</h1>";
var TOCList = document.createElement("ol"); //creates an element node for the ol element
TOC.appendChild(TOCList); //appends the ol element to the table of contents element

sourceDOC = document.getElementById("doc");

//generate list items containing section headings
createList(sourceDoc, TOCList);
}

function levelNum(node) //this function returns the level number of the section heading or -1 if not a section heading.
{
for (var i = 0; i < sections.length; i++)
{
if (node.nodeName == sections[i].toUpperCase())return i;
}
return -1 //node is not a section heading
}

function createList(object, list) //this function creates the list items for the table of contents
{
for (var n = object.firstCHild; n != null; n = n.nextsibling)
{
//loop through all of the nodes within the object

var nodeLevel = levelNum(n); //locates section headings within an object
if (nodeLevel != -1) //locates section headings within an object
{
//node represents a section heading
//creates a list item to match
var listItem = document.createElement("li"); //text of the list item comes from the text of the section heading
listItem.innerHTML = n.innerHTML; //text of the list item comes from the text of the section heading
list.appendChild(listItem); //text of the list item comes from the text of the section heading
}
}
}

i am trying to create a simple counter that will start with a fixed number, say 5,000,000 and count up in increments of 1 every ten seconds with no end value set (infinitely).. This is for the non-profit I work for, and it is to show the number of bars of soap we have recycled to distribute to third world countries. Any help is greatly appreciated.

I have a few buttons on a page I'm developing and I want the onclick event to call a javascript function in an external file and execute it. I would like to be able to pass a parameter to that function and then either have the function take the user to a new URL or make changes to the webpage content.

Initially (just to test) I had inline javascript that caused an alert to popup. That worked fine. Next I took the inline code and put it in a function in an external javascript file that was referenced in the HTML:

Code:

<script type="text/javascript" src="../assets/js/ews-js.js"></script> 

 <a link="www.xx.com" class="sk-shop-button" onClick="onclick_shop_button">Shop for Supplies</a>

The function is as follows:
Code:

function onclick_shop_button() {
   window.alert('Life Is Good!'); 
   return false;
}

When I attempt to call it this way nothing happens. I'm guessing I should not be using a link there since I have to build the URL inside the Javascript (for now though the Javascript is just showing an alert).

In one use case I want to be able to pass a parameter which would contain a product name so the function could load the correct webpage. So the function would have to build the URL using the product name as part of the URL then load that page.

In a different use case (for a different button) the user would click on an EDIT button that would then update parts of the webpage allowing the user to click on areas to delete content.

I am not sure how to implement either use case. I know I can use CSS to modify the look of the webpage and then use subsequent onclick events to do the deleting but am not sure how to delete HTML from within Javascript. Same with how to go to a new URL from within Javascript. Finally I am not sure why the inline Javascript works but the external does not.

Any help would be GREATLY appreciated!

Hello,
Actually i know nothing about javascript.
i have form and i need help to make javascript
this is the form:

</head>
<SCRIPT language = "javascript">

function checkTotal() {

function calculate()
{
A = parseFloat(document.form1.Qty.value);
B = document.form1.selection.value; ---> 'please help i don't know the script command about onClick' and onChange combination'

C = (A + B) *
document.form1.total.value = C;
}

</SCRIPT>
<body>
<form name="form1" method="post" action="">
<table width="66%" border="0" id="form_table">
<caption>
My Form
</caption>
<tr>
<th width="41%"> <p>Qty ›</p></th>
<td width="59%"><p>
<input type="text" size="7" name="Qty">

<select name="selection" id="selection" onChange='Value'>
<option value"1.00">Doll 1</option>
<option value"2.00">Doll 2</option>
<option value"3.00">Doll 3</option>
<option value"4.00">Doll 4</option>

</select>
<br>
Enter Qty and selection</p></td>

</tr>
<tr>
<th>Merchandise ›</th>
<td>
<p>
<input type="radio" name="None" value="0.00" onClick="">
None<br>
<input type="radio" name="Key Chain 1" value="2.00" onClick=""checked>
Key Chain 1<br>
<input type="radio" name="Key Chain 2" value="3.00" onClick="" />
Key Chain 2</p></td>
</tr>
<tr>
<th>Additional ›</th>
<td><input type="checkbox" name="Story Book" value="4.00" onClick="" checked="checked" />
Story Book
<br>
<input type="checkbox" name="Mug" value="3.00" onClick="" />
Mug
<br></td>
</tr>
<tr>
<th>TOTAL›</th>
<td><input type="text" style="background-color: #DCDDDD;" size="17" value="" name="Total" /></td>
</tr>
<tr>
<th> </th>
<td>
<input type="submit" name="submit" value="Calculate" onClick = "javascript:calculate()">
<input type="reset" value="Reset">
</td>
</tr>
</table>
</form>
</body>
</html>

i need to get result from TOTAL checkout(input text) that sum from the value of options above (dropdown menu, checkbox, and radio button) multiplied by tax (4%)

Coding master please help.
Thank you very much.

Hi,

I am just beginning out with Javascript and trying to complete a simple login page. Clicking on the Login button should bring up a message 'Access authorised' or 'Access denied' in the 'output' div of the page. Unfortunately only 'Access Denied' displays, even if the password entered is correct. There are no messages displayed in the Error Console.

Any advice greatly appreciated!

Code:

<html>
	<head>
	<title>Function Example</title>
	<script language="javascript" type="text/javascript">
	function isAccessAuthorised(enteredPassword)
	{
	var result;
	if(enteredPassword=="password")
	{
		result=true;
	}
	else
	{
		result=false;
	}
	return result;
	}	

	function buttonClicked()
	{
	var isAuthorised = isAccessAuthorised("enteredPassword").value;
	if(isAuthorised==true)
	{
	document.getElementById("output").innerHTML=<p>Access authorised</p>;
	}
	else
	{
	document.getElementById("output").innerHTML=<p>Access denied</p>;
	}
}
	
	</script>
	</head>
	<body>
	   	<form>
			<input type="text" id="username" /> <br/>
			<input type="text" id="enteredPassword" /> <br/>
			<input type="button" onClick="buttonClicked()" value="Login">
		</form>
	<div id="output">
	</div>
	</body>
	</html>

Hi I am populating the textboxes using a button . The code is

Code:

 <input type="button" name="bt_autoFill" id="id_autoFill" value="Auto Fill" onclick="fillComponents()"/>

this calls the javascript function
Code:

<script type="text/javascript">
function fillComponents()
{
document.getElementById("id_name").setAttribute("value","zedan");
document.getElementById("id_country").setAttribute("value","USA");
document.getElementById("id_Address").setAttribute("value","South Boulev.");
}
</script>

Now the code works fine when i click it the first time. However if i change a value or erase something in the textboxes the function dosnt work.
all the elements are text boxes.
Could you tell me what I am doing wrong ?? why doesnt it work the second time??

I have been trying to learn javascript for the last few weeks and have come to a brick wall in my thinking. Could you look at this code and tell me where I am going wrong? I would prefer for you to point out what type of an issue I have and the basic syntax of what I am trying to do. This enables me to look at the problem, digest the type of problem and put together an idea of the way to fix the code.

my code (with errors on purpose)
Code:

<html>
<head>
<title>
<script type=text/javascript src=blah.js></script>
</head>
<body>  (and so on)

The response type of response I would like to see is - (from the helper)

check to see if you have closed all your lines with the </sectiontype>
you need to double check your format on line 4. The correct format would be
<script type="type of script" and the src="scriptname.js">.

I really appreciate any help you can provide. I just cannot figure a few things out and am getting confused as to how to fix my problems.

Code:

<!DOCTYPE html>
<html>
<head>
<title>The Italian Job</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript" > //src="italianjob.css">

	//Set up array that represent the car storage space in cubic inches
var car_type = new Array();
		car_type["2door"]=41446;
		car_type["4door"]=52776;

	//Set up array that represents the metal_type weight
var metal_type= new Array();
		metal_type["selectmetal"]=0;
		metal_type["Aluminum"]=4.3512;
		metal_type["Gold"]=30.9912;
		metal_type["Platinum"]=34.09692;
		metal_type["Silver"]=16.8276;

	// getCarStorage() finds the storage based on the car storage space.

function getCarStorage()
{
var carStorageArea=0;
		//refers form id="carForm"
var theForm = document.forms["carForm"];
	
var selectedCar = theForm.elements["selectedCar"];
		//Here since there are 2 radio buttons selectedCar.length = 2
		//We loop through each radio buttons
for(var i = 0; i = selectedCar.length; i+)
{
		//if the radio button is checked
//if(selectedCar[i].checked)
{
		//by using the car_type array
		//We get the selected item value such as car_type["4door".value]"
carStorageArea = car_type[selectedCar[i].value];
		//If we get a match then we break out of this loop
		
break;
}
}
		//We return carStorageArea
return carStorageArea;
}
		//This function finds the metal bar weight
function getMetalDensity()
{
var carStorageSpace=0;
		//Get a reference to the form id="carForm"
var theForm = document.forms["carForm"];
		//Get a reference to the select id="metal"
var selectedmetal = theForm.elements["metal"];
		//equal to value user chose such as metal_type["Aluminum".value] would be equal to 4.3512
carStorageSpace = metal_type[selectedmetal.value];
		//finally we return carStorageSpace
return carStorageSpace;
}
function calculateTotal();
{
		//Here we get the total by calling our function
		//Each function returns a number
var carUsed = getCarStorage() / 440;
var howMany = carUsed * .33;
var fit = car_type / 44.4;
var weightBars = 1800 / metal_type;
var total = weightBars * metal_type;
var barLimit = carUsed - howMany;
var weightLimit = howMany - weightBars;

var divobj = document.getElementById('total');
	if (barLimit <0)
  {
	document.write("<This will not work.");
  }
	else if (weightLimit <0)
  {
	document.write("This will not work.");
  }
else
respond = 'With the total cargo area of the chosen car, you are able to fit ' +carUsed.toFixed(0) + 
		' bars in it. Due to weight limit of 1800 lbs, you are limited to ' + weightBars.toFixed(0) + 
		' bars in the cargo area.  The weight of the bars you want to have onboard the car is ' + total.toFixed(2) +
			' \n';
return respond}
</script>
</head>
<body style="background-color:burlywood" > <!-- onload="hideTotal()" -->
<p>In <em>The Italian Job</em>, theives were able to steal bars of gold by loading them into Mini Coopers and driving away.</p>
<p>
It is now your turn to pull your own version of <em>The Italian Job</em>.  You are able to choose what model of Mini you use and the type of metal bar you want to steal.
Thes rules a 

<ul>
<li>You can only load the cargo area of your Mini 1/3 of the way full</li>
<li>The cargo area used cannot weigh more than 1800 lbs.</li>
</ul>
<form id="carForm" onsubmit="return false;">
<label>What car do you want to use?</label>
<br />
<label class="radiolabel">
<input type="radio" onclick="calculateTotal()" value="2door" name="selectedCar" />
2 Door Mini - 25.4 cubic inches of cargo space
</label>
<br />
<label class="radiolabel">
<input type="radio" onclick="calculateTotal()" value="4door" name="selectedCar" />

4 door Mini - 35 cubic inches of cargo space
</label>
<p>Now you get to choose which metal you wish to steal.
</p>
<select id="metal" onchange="calculateTotal()" name="metal">
<option value="selectmetal">Select the metal bar type</option>
<option value="Aluminum">Aluminum</option>
<option value="Gold">Gold</option>
<option value="Platinum">Platinum</option>
<option value="Silver">Silver</option>
</select>
<br />

</form>
<div id="total" style="display: selectmetal;">
</div>
</body>
</html>

Not much programming experience, but some C++ and Python. I would like to make a web page that

1. flashes and image for 1 second
2. flashes a a pair of images for 1 second
3. displays an image and waits
4. Wait for a certain correct keystroke to be entered.
5. Repeat 1-4 a few hundred times.

^The above would iterate through a loop, say of 300 counts, and sub-iterate through an array of images, say 30, going through all 30 images 10 times for example.

Oh, and the array elements would be displayed in random order. Also, I would like to keep track of errors (wrong keystroke) and time it took to enter correct keystroke.

I would prefer that this webpage work on the iphone, even older ones. Java is limited on iphone? I tried playing a Java chess game and had no luck on iphone.

So, would I be able to do this using Javascript? If not, Java would be best? As I said, I would prefer iphone compatibility, but it is not required. I just want to know which one I should use before I bury my nose in a book about programming Java or Javascript.

I'm building a website to catalog a history of college football uniforms, and having something like this on several of the pages would be extremely helpful. I've been told that making it in Javascript instead of Flash would be better for my website. I've also been told that it should be relatively easy to write the code for it.

In short, I want to be able to take the parts of this image and allow viewers of the site to be able to switch between parts to mix and match. There are quite a few teams with six or more possible uniform combinations, so I'd like to be able to do this for the site.

This would probably be a good way to get my start on learning at least some Javascript basics, so would anyone be willing to help me put this together?

hello,

is there a date format for an existing date?

all I see is a var d = new Date();

but i need to format an existing date?

thanks!

Hi

I am trying to write a simple script for html form validation before going on to write a more complicated script for the full form which will eventually be on the web page. However, I cannot tell if the javascript is executing or not, as no alert messages come up. If I fill in the form with blanks (which is what the function checkform() checks for) then it should display an alert on submission and return false. Otherwise, returns true.

I need to get this licked before going on to the more complex coding, but I really can't see why this doesn't appear to work. I'd be most grateful if some kind soul out there could have a look at it for me.... Links below.

Thank you in anticipation!

http://www.kellyresources.co.uk/onli...ment_test.html
http://www.kellyresources.co.uk/checkform.js

I'm a newbie...please! html lists making javascript array

I need help with a HTML UL I have ul inside ul but all I want to get when I select a certain list is the children of that list but remove the ul inside that list so they dont show at all http://pastebin.com/m98deaff any help would be great , current selecting code is http://pastebin.com/m6f4b886f


Code:

<div class="demo" id="demo_1">

		<ul>

			<li id="1" class="open"><a id="1" href="#"><ins>&nbsp;</ins>Root node 1</a>

				<ul>

					<li id="2"><a id="2"  href="#"><ins>&nbsp;</ins>Child node 1</a></li>

					<li id="3"><a id="3" href="#"><ins>&nbsp;</ins>Child node 2</a></li>

					<li id="4"><a id="4" href="#"><ins>&nbsp;</ins>Some other child node with longer text</a></li>

					<li id="6"><a id="6" href="#"><ins>&nbsp;</ins>Root node 222</a>

//SHOUL NOT BE IN MY ARRAY
						<ul>

							<li id="7"><a id="7"  href="#"><ins>&nbsp;</ins>Child node 222a</a></li>

							<li id="8"><a id="8" href="#"><ins>&nbsp;</ins>Child node 222b</a></li>

							<li id="9"><a id="9" href="#"><ins>&nbsp;</ins>Some other child node with longer text 222</a></li>
					</ul>
//END OF UL ELEMENT N OT NEEDED THERE COULD BE more than 1

</li>
				</ul>

			</li>

			<li id="5"><a id="5" href="#"><ins>&nbsp;</ins>Root node 2</a></li>

		</ul>

Hi, I am a Javascript newbie and I am trying to add a Javascript image application (called "HighSlide JS: http://highslide.com/#examples) to eBay listings. I am somewhat experienced with HTML and computers in general, but this javascript is all very confusing to me.

My question is quite broad: How can I get this HighSlides script to show my images on my eBay listings? I am having trouble figuring out how to upload images to FTP servers or something, so that the script can use my images.

I have Windows 7, and I do have Expression Web, if that means anything!

I would be extremely grateful for any help! Thanks in advance!