Learn VBA & Macros in 1 Week!

JavaScript - Function Array Help - Simple But Complex To A Noob

Full Excel VBA Course - Beginner to Expert

Function Array Help - Simple But Complex To A Noob	View Content

hi there

i'm a newb so be nice lol

--> I want to use javascript in an array to submit content.
I have some php background so using some techniques I worked this out.

>> I need to select bathroom details and the script needs to be user friendly,
however I have multiple bathrooms that can be selected. So based on a drop down list
I need to select the bathrooms needed and then I will get more options as stated below.

These options will need to be submitted so I need different varibles for each item selected

I expect that you'll have a better way to do it I just want it to work

my HTML script LOOKED as follows

Code:

    <!-- BATHROOM TYPE SELECTOR  HTML-->
    <label>
      <input name="fullbathr" type="checkbox" value="fullbathr" onClick="checker('yesFullba'); UpdateChecks('option');" />
      Full Bathroom </label>
    <span id="yesFullba" style="visibility:visible"> 
      | 
      <input name="babath" type="checkbox" value="babath" id="babath" onClick="change('bathselba'); UpdateChecks('option');";/>
      Bath </label>
      | 
      <input name="bashower" type="checkbox" value="bashower" id="bashower" onClick="change('showerselba'); UpdateChecks('option');" />
      Shower </label>
   <span id="bathselba" style="visibility:hidden"> 
          <br /> Bath Type: <label>
        <input type="radio" name="bathtype" value="standardba" id="bathtype_0" />
        Standard</label>
      <label>
        <input type="radio" name="bathtype" value="ovalba" id="bathtype_1" />
       | Oval</label>
      <label>
        <input type="radio" name="bathtype" value="cornerba" id="bathtype_2" />
       | Corner</label>

      <label>
        <input type="radio" name="bathtype" value="spaba" id="bathtype_3" />
       | Spa</label>
   </span>
 
     <span id="showerselba" style="visibility:hidden"> 
     <br /> Shower Heads: <label>
        <input type="radio" name="showerheadba" value="singlesho" id="showerheadba_0" />
        Single Head</label>
      <label>
        <input type="radio" name="showerheadba" value="doublesho" id="showerheadba_1" />
       | Double Head</label> </span>
    </span>
    <br />
    <!-- end BATHROOM TYPE SELECTOR HTML  -->

i converted it as follows

Code:

<!--  CREATE BATHROOMS  -->
function createbaths(number2) {
databaths = "";    
inter = "'";
dinter = '"';
spaces="      ";
if (number2 < 7 && number2 > -1) {
for (i=1; i <= number2; i++) {
databaths = databaths + "<br><strong>Bathroom " + i + " :</strong><br>"
    
    <!-- BATHROOM TYPE SELECTOR  JAVASCRIPT-->
+ " <label>"
+ " <input name=" + dinter + "fullbathr" + dinter 
+ " type=" + dinter + "checkbox" + dinter 
+ " value=" + dinter + "fullbathr" + dinter 
+ " onClick=" + dinter + "checker(" + inter + "yesFullba" + inter + "); " 
+ "UpdateChecks(" + inter + "option" + inter + ");" + dinter + " />" 
+ "Full Bathroom </label>" + "<span id=" + dinter + "yesFullba" + dinter 
+ " style=" + dinter + "visibility:visible" + dinter + "> | "

     + "<input name=" + dinter + "babath" + dinter 
	 + " type=" + dinter + "checkbox" + dinter 
	 + " value=" + dinter + "babath" + dinter 
	 + " id=" + dinter + "babath" + dinter 
	 + " onClick=" + dinter 
	 + "change(" + inter + "bathselba" + inter + "); " 
	 + "UpdateChecks(" + inter + "option" + inter + ");" 
	 + dinter + ";/>" 
	 + "Bath </label> | "
	 
	 + "<input name=" + dinter + "bashower" + dinter 
	 + " type=" + dinter + "checkbox" + dinter 
	 + " value=" + dinter + "bashower" + dinter 
	 + " id=" + dinter + "bashower" + dinter 
	 + " onClick=" + dinter 
	 + "change(" + inter + "showerselba" + inter + "); " 
	 + "UpdateChecks(" + inter + "option" + inter + ");" 
	 + dinter + " />" 
	 + "Shower </label> "
	 
+ "<span id=" + dinter + "bathselba" + dinter 
+ " style=" + dinter + "visibility:hidden" + dinter + ">" + "<br />"
	  
     + "Bath Type: <label>" 
	 
	 + "<input type=" + dinter + "radio" + dinter 
	 + " name=" + dinter + "bathtype" + dinter 
	 + " value=" + dinter + "standardba" + dinter 
	 + " id=" + dinter + "bathtype_0"  + dinter 
	 + " /> " 
	 + "Standard</label>"
	 
	+ "<label>" 
	+ "<input type=" + dinter + "radio" + dinter 
	+ " name=" + dinter + "bathtype" + dinter 
	+ " value=" + dinter + "ovalba" + dinter 
	+ " id=" + dinter + "bathtype_1" + dinter 
	+ " /> | "
	+ "Oval</label>"
	
    + "<label>" 
	+ "<input type=" + dinter + "radio" + dinter 
	+ " name=" + dinter + "bathtype" + dinter 
	+ " value=" + dinter + "cornerba" + dinter 
	+ " id=" + dinter + "bathtype_2" + dinter 
	+ " /> | "
	+ "Corner</label>"

    + "<label>"
	+ "<input type=" + dinter + "radio" + dinter 
	+ " name="+ dinter + "bathtype" + dinter 
	+ " value=" + dinter + "spaba" + dinter 
	+ " id=" + dinter + "bathtype_3" + dinter 
	+ " /> | "
	+ "Spa</label></span>"
	 
 
+ " <span id=" + dinter + "showerselba" + dinter 
+ " style=" + dinter + "visibility:hidden" + dinter 
+ "><br />"
	
	+ " Shower Heads: <label>"
	
	+ "<input type=" + dinter + "radio" + dinter 
	+ " name=" + dinter + "showerheadba" + dinter 
	+ " value=" + dinter + "singlesho" + dinter 
	+ " id=" + dinter + "showerheadba_0" + dinter 
	+ " />" 
	+ "Single Head</label>" 
	
	+ "<label>" 
	+ "<input type=" + dinter + "radio" + dinter 
	+ " name=" + dinter + "showerheadba" + dinter 
	+ " value=" + dinter + "doublesho" + dinter 
	+ " id=" + dinter + "showerheadba_1" + dinter 
	+ " /> | " 
	+ "Double Head</label>"
	+ " </span> </span> <br /> " 

    <!-- end BATHROOM TYPE SELECTOR JAVASCRIPT -->

The entire forum is using a few different functions I've setup for this section i've got these sets

Code:

<!-- --> 
function change(id){
	if (document.all[ id ].style.visibility == 'hidden') 
	{    
	document.all[ id ].style.visibility = 'visible'; 
    document.all[ id ].focus(); 
	}	
else
	{
	document.all[ id ].style.visibility = 'hidden'; 
    document.all[ id ].value = '';
	document.all[ id ].checked = '';
	}
}
<!-- --> 

<!-- for full bathroom selector-->
function UpdateChecks(which) {
if     (which == 'fullBathroom')    { fullBathroomIsChecked();  }
else if(which == 'option')  { BoxesCheck();    }
}
function fullBathroomIsChecked() {
if(document.all.fullbathr.checked == false) { BoxesCheck(); }
else {
	document.all.babath.checked = false;
	document.all.bashower.checked = false;
	}
}
function BoxesCheck() {
document.all.fullbathr.checked = false;
if((document.all.babath.checked == true) && (document.all.bashower.checked == true)) 
	{
	document.all.fullbathr.checked = true;
	document.all.yesFullba.style.visibility = 'hidden'; 
	fullBathroomIsChecked();
	}
}
<!--  for full bathroom selector END -->

CURRENTLY
I have a drop down list from 1 to 6 when a bathroom is selected lets say 3
then it SHOULD display
full - bath - shower -
PER EACH BATHROOM

if bath and shower is selected they disappear and full remains ticked if u tick full bath and shower
disappear. included a sub cat. that changes based on the above selection this works in html but

The bathroom varibles in the javascript need to be changed to suite a changing varible I based
what I understand that an array will need to be added but how to i adjust the script correctly.

I might work it out just have a bit of overload at the moment.

Thanks in advance

Full Excel VBA Course - Beginner to Expert

Complex Javascript/xml Calendar Function

Similar Tutorials

View Content

Absolute Noob: Executing A Predefined Function Via Onclick

Similar Tutorials

View Content

I'm an experienced programmer (c, perl , python, bash) but absolutely newcomer with Javascript. The code I'm experimenting with is shown below. What I'm trying to do at this point is define a function in a script section in the head of my html page, then call that function in the onclick action of a form button. Sounds trivially simple, but for some reason it isn't doing what I expect.

The eventual result will be that the Javascript will launch a Silverlight video player using the values supplied by the end user, but for now I just want to get the basic buttons to work

<code>
<html>
<head>
<title>Silverlight player</title>
<script type="text/javascript">
var vProto;
var vServer;
var vStream;

function showMe() {
alert("In the function");
vProto = document.getElementById('proto').value;
vServer = document.getElementById('server').value;
vStream = document.getElementById('stream').value;
return false;
}

function alertMe() {
alert(document.getElementById('server').value);
return false;
}

</script>
</head>
<body>
<div id="dataEntry">
<form name="dataForm">
<table align='center'>
<tr>
<td>Protocol:</td>
<td><input type="text" id="proto" title="HTTP, RTSP, MMS"></td>
</tr>
<tr>
<td>Server:</td>
<td><input type="text" id="server" width='45'></td>
</tr>
<tr>
<td>Stream:</td>
<td><input type="text" id="stream"></td>
</tr>
<tr>
<td colspan='2' align='center'>
<input type='button' value='Monitor' onClick="showMe(); return false">
</td>
</tr>
<tr>
<td colspan='2' align='center'>
<input type='button' id='alert1' value='Alert!' onClick="alert(document.getElementById('server').value);">
<input type='button' id='alert2' value='Alert!' onClick="alertMe();">
</td>
</tr>
</table>
</form>
</div>
<div id='report'>
<script type="text/javascript">
document.write("Playing Silverlight stream at " + vProto + "://" + vServer + "/" + vStream + "<br />");
</script>
</div>
</body>
</html>
</code>

So, what embarrassing simple thing did I leave out?

Simple Function

Similar Tutorials

View Content

How would I add up a array of numbers in a function? My numbers keep getting written as strings, instead of adding onto each other. I am a beginner.

function (myNumbers)
{
var number = [6,9,10,13,14];
var total = 0;

for(var total=0; total < number.length; total = total + 1)
{
total = total + number;
document.write(total);
}
}
myNumbers();

This is just an excercise.

Very Simple Pop-up Function Won't Work In Ie

Similar Tutorials

View Content

I made a 50th anniversary guestbook to add memories/etc about our organization. The people can look at the entries and then if they want to add one of there own, there's a link that should pop up a form in a new for them to add it. I have no idea why this pop is not working in Internet Explorer (both IE6 and 7). It works beautifully in Firefox. I have no idea how you can go wrong with window.open. I'm stuck.

Again, only the actual pop up function doesn't work. Everything else seems to be working fine. I included all of my code though even for the tab navigation because the link to the pop up form changes based on what tab they are in (i.e. if they're looking at the past memories tab and click on the link, it takes them to the past memories form). I know it's probably TMI on the code, but I thought it might be somehow related and better safe than sorry, right?

HTML Page

Code:

<html>
<head>
<title>50th Anniversary Reflections</title>
<script type="text/javascript" src="js/guestbook.js"></script>
<link href="css/guestbook.css" media="all" type="text/css" rel="stylesheet">
</head>

<body>
<div id="guestbook_container">

<div id="tab_nav_container">	
    <ul>
    <li><div id="tab_1" class="tabs_on" onclick="tabsClass.switchTab(this);"><a target="gstbk_frame" href="guestbook_query.asp?cat=1" onclick="change_value(1);">Past Memories</a></div></li>
    <li><div id="tab_2" class="tabs_off" onclick="tabsClass.switchTab(this);"><a target="gstbk_frame" href="guestbook_query.asp?cat=2" onclick="change_value(2);">Career Impact</a></div></li>
    <li><div id="tab_3" class="tabs_off" onclick="tabsClass.switchTab(this);"><a target="gstbk_frame" href="guestbook_query.asp?cat=3" onclick="change_value(3);">Future Wishes</a></div></li>
    <li><div id="new" class="tabs_off" onclick="popupform();">Share Your Memories</div></li>
    </ul>
</div><!-- end tab_nav_container -->

<div id="tab_content_container">
  <div id="tab_1_data" class="tab_content"><p class="tab_category">What is your most important memory of NACUA?</p></div>
  <div id="tab_2_data" class="tab_content" style="display: none;"><p class="tab_category">How has NACUA benefitted you and your career?</p></div>
  <div id="tab_3_data" class="tab_content" style="display: none;"><p class="tab_category">What is your most important wish or hope for NACUA's future?</p></div>
</div><!-- end tab_content_container -->

<script type="text/javascript">
tabsClass.addTabs("tab_nav_container");
</script>
<br class="clear" />

<div id="iframe_container">
<iframe name="gstbk_frame" id="gstbk_frame" src="guestbook_query.asp?cat=1" width="730px" height="550px" scrolling="auto" frameborder="none"></iframe>
</div><!-- end iframe_container -->
<br class="clear" />

</div><!-- end guestbook_container -->
</body>
</html>

Here's the guestbook.js file:

Code:

//***** ASSIGN/CHANGE CATEGORY VALUES *****

function popupform(){
	var href;
	href="guestbook_submission_form.asp?cat="+catValue;
	window.open(href, "Submission Form", 'width=600, height=400, scrollbars=no');
}

var catValue = "1"

function change_value(catChange){
 	catValue=catChange;
	change_text();
}

function change_text(){
	if(catValue=="1"){
		document.getElementById("new").innerHTML = "<a href='#' style='color:#ffffff;'>Share Your Memories!</a>";
	}
	if(catValue=="2"){
		document.getElementById("new").innerHTML = "<a href='#' style='color:#ffffff;'>Share Your Career Experiences!</a>";
	}
	if(catValue=="3"){
		document.getElementById("new").innerHTML = "<a href='#' style='color:#ffffff;'>Add Your Own Wish!</a>";
	}
}


//***** ASSIGN/CHANGE VALUES AND TABS *****

function assignCategory(cat){
	document.form.category.value=cat;
}

function onLoadAssignAndSwitch(cat){
	assignCategory(cat);
	tabsClass.addTabs("tab_nav_container");
	var initialTab = "tab_" + cat + "_data"
	if (initialTab != "tab_1_data"){
		document.getElementById(initialTab).style.display = "";	
		document.getElementById("tab_1_data").style.display = "none";
	}	
	document.getElementById("tab_" + cat).className = "tabs_on";
}

function assignAndSwitch(element, cat){
	tabsClass.switchTab(element);
	assignCategory(cat);
}


//***** TABBED MENU *****

var tabsClass = {
	tabSetArray: 	new Array(),
	classOn: 		"tabs_on",
	classOff: 		"tabs_off",
	
	addTabs: function (tabsContainer) {
		tabs = document.getElementById(tabsContainer).getElementsByTagName("div");
		for (x in tabs) {
			if (typeof(tabs[x].id) != "undefined") {
				this.tabSetArray.push(tabs[x].id);
			} else {}
		}
	},

	switchTab: function (element) {
		for (x in this.tabSetArray) {
			tabItem = this.tabSetArray[x];
			dataElement = document.getElementById(tabItem + "_data");
			if (dataElement) {
				if (dataElement.style.display != "none") {
					dataElement.style.display = "none";
				} else {}
			} else {}

			tabElement = document.getElementById(tabItem);
			if (tabElement) {
				if (tabElement.className != this.classOff) {
					tabElement.className = this.classOff;
				} else {}
			} else {}
		}

		document.getElementById(element.id + "_data").style.display = "";
		element.className = this.classOn;
	}
};

I'm not that advanced in javascript (although not a total idiot) Any help and/or suggestions would be greatly appreciated! Thank you!

Js Simple Function Problem?

Similar Tutorials

View Content

Hello I would like to know how this is not functional. surely passing the function to another function would work so I can use the same variables without having to write it out again.

[ICODE]
<html>
<head>
<title>Number Conversions</title>
<script>
function addNumbers ()
{
var firstnumber = document.calculator.myFirstNumber.value;
var secondnumber = document.calculator.mySecondNumber.value;
var total = parseInt(firstnumber) + parseInt(secondnumber);
document.calculator.myTotal.value = total;
document.calculator.myHex.value = total.toString(16);
document.calculator.myOct.value = total.toString(8);
document.calculator.myBinary.value = total.toString(2);

document.write("End of Calculation.");
}

function subtractNumbers (addNumbers)
{
var total = parseInt(firstnumber) - parseInt(secondnumber);
}
</script>
</head>
<body>
<form name="calculator">
First Number
<input type=text name="myFirstNumber" value=0 size=3> <br>
Second Number
<input type=text name="mySecondNumber" value=0 size=3><br><br>
<input type="button" value="ADD" onclick="addNumbers();">
<input type="button" value="SUBTRACT" onclick="subtractNumbers();"><br>
Total
<input type=text name="myTotal" value=0 size=3><br>
Binary
<input type=text name="myBinary" value=0 size=8><br>
Octal
<input type=text name="myOct" value=0 size=3><br>
Hexidecimal
<input type=text name="myHex" value=0 size=3><br>
</form>
</body>
</html>
[ICODE]

Simple Search Function

Similar Tutorials

View Content

Hi there,

I've been scouring the web and my mind for the last 24 hours trying to find a script that will work for what I need. It seems like it would be something super simple.

I need visitors to my site to be able to search if we offer service in their area.

i.e.

Enter Zip Code: [Search Field] (Submit Button)

Pop-up results or a results page with one of two responses. Yes, we offer service. No, we do not cover your area.

Something similar to what this company has on their site, http://www.oilpatchfuel.com/Pages/Welcome.aspx

Any help is a greatly GREATLY appreciated!!

Simple Recursive Function

Similar Tutorials

View Content

Simple Run Function On Pageload

Similar Tutorials

View Content

Goodafternoon!

What im trying to do is get the users location (from the iPhone) which I have working and store it in a MySQL database (semi works).

My problem is that to get the location, you need to use javascript. So I thought of using Ajax to post that back to the server. I have very little knowledge in Javascript, and Ajax, so this has been a bit of a struggle. Iv tried to learn how to do it with a tutorial:

http://www.tizag.com/ajaxTutorial/ajax-javascript.php

And this is what I got:

PHP Code:
<?php

function is_iPhone($agent='') {
    if(empty($agent)) $agent = $_SERVER['HTTP_USER_AGENT'];
    if(!empty($agent) and preg_match("~Mozilla/[^ ]+ $(iPhone|iPod); U; CPU [^;]+ Mac OS X; [^)]+$ AppleWebKit/[^ ]+ $KHTML, like Gecko$ Version/[^ ]+ Mobile/[^ ]+ Safari/[^ ]+~",$agent,$match)) {
        return "YES";
    } elseif(stristr($agent,'iphone') or stristr($agent,'ipod')){
        return "MAYBE";
    } else {
        return "NO";
    }
}

echo is_iPhone();
?>

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iPhone 3.0 geolocation demo</title>
<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport"/>

</head>
<body>
<script language="javascript" type="text/javascript">

var Lat = ""
var Long = ""
var Acc = ""

function handler(location) {
var message = document.getElementById("message");
message.innerHTML ='<img src="http://maps.google.com/maps/api/staticmap?center=' + location.coords.latitude + ',' + location.coords.longitude + '&zoom=12&size=400x400&markers=color:blue|label:S|'+ location.coords.latitude +','+ location.coords.longitude +'&sensor=true" alt="some_text"/>';
message.innerHTML+="<p>Longitude: " + location.coords.longitude + "</p>";
message.innerHTML+="<p>Latitude: " + location.coords.latitude + "</p>";
message.innerHTML+="<p>Accuracy: " + location.coords.accuracy + "</p>";

Lat = location.coords.latitude
Long = location.coords.longitude
Acc = location.coords.accuracy
}
navigator.geolocation.getCurrentPosition(handler);

ajaxFunction();
</script>
<div id="message">Location unknown</div>
<a href="#" onclick="ajaxFunction();" >Send</a>
</body>
</html>

Now this works if the user clicks on "Send" that I made, but I want it to do it without the user having to click send.

If anyone could help me with this, or point me in a different direction that would be better then your help would be greatly appreciated.

Thanks in advance for your help.

EDIT: The PHP side of this works, that is something I know about lol.

Simple Function Killing Me...

Similar Tutorials

View Content

Code:

                function splook(val){
                        return speciesDB.queryBy(function(row){
                                return row.data.species_id == val;                          
                        }).itemAt(0).data.speciesDB;
                }

and the speciesDB
Code:

{success:true,rows:[{"species_id":"1","species_idx":"1","species":"Boa Constrictor"},{"species_id":"2","species_idx":"2","species":"Ball Python"},{"species_id":"3","species_idx":"3","species":"Reticulated Python"},{"species_id":"4","species_idx":"4","species":"SriLanka Python"},{"species_id":"5","species_idx":"5","species":"Blood Python"},{"species_id":"6","species_idx":"6","species":"Burmese Python"}]}

I need to take val and match it with the data and return species. I just can't figure it out though!

Thanks!

Simple Array

Similar Tutorials

View Content

Im new to JavaScript so take it steady, i have an array:

<script type="text/javascript">

var colOne [0] = new Array("Copyright", "Council - spending plans - consultation", "Data protection");
var colTwo [1] = new Array("Digital Region", "Freedom of information", "Libraries - online information resources");
var colThree [2] = new Array("Our standards", "Test"};

document.write(colOne[0]);

</script>

anyone can tell why it does not work?

Jquery Simple Function Problem

Similar Tutorials

View Content

So, basically what i'm doing here is hovering over the h2 heading and toggling the paragraph text. What i'm having a problem doing is changing the h3 headings so that they toggle the same way...is there a way to do this within this function without ids/classes?

Code:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">	

	$(document).ready(function() {	

	$('#hdg').hover(function() {	
	
	$('div[title=latin]').toggle();
	$('div[title=english]').toggle();

	$('#').html('<h3>English</h3>');
		});
		});
</script>

Simple Function To Redirect User

Similar Tutorials

View Content

Hi, I rarely use javascript so pardon my newbieness.

I'm trying to create a function that is triggered by a <select> onchange event. It's supposed to save the newly selected value in a variable, then refer the user to a link location + variable.

This is what I tried:
Code:

 <script type="text/javascript">
	function categoryRef() 
	{
		var a = this.options[this.selectedIndex].value;
		document.location = 'recommend.php?cat=' + a;
	}
</script>
        <select name="category" onChange="categoryRef()">
        <?php
		$getCategoryQuery = "SELECT category FROM categories ORDER BY category";
		$ConnectQuery = $database->query($getCategoryQuery);
		while($category = mysql_fetch_array($ConnectQuery)){
			if($getCategory == $category['category']){
				echo "<option selected='selected'>" . $category['category'] . "</option>";
			}
			else{
				echo "<option>" . $category['category'] . "</option>";
			}
		}
        ?>
        </select>

When I try this and change option nothing happens. Any pointers?

Simple Object Function Problem

Similar Tutorials

View Content

Hello was following a tutorial online from bucky. and created a new example with different variables and such. My code in my eyes looks absolutely fine but however it does not display can anyone spot the problem?

[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>Untitled Document</title>
<script type="text/javascript">

function cigerettes (brand, tar, price) {
this.brand=brand;
this.tar=tar;
this.price=price;
this.ReducedCost = discount;
}

function discount() {
var reduction = 20;
var finalCost = this.price - reduction;
return finalCost;
}

var packet1 = new cigerettes("Mayfair", "2.0 mg", 399);
var packet2 = new cigerettes("Sovereign", "3.4 mg", 425);
</script>
</head>

<body>
<script type="text/javascript">

document.write(packet1.brand()
+ " they contain " + packet1.tar() +
"of tar " + "the packet cost me " + packet1.price()
+ ". With discount I got them for: " + packet1.ReducedCost());

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

[code]

Simple Array Question

Similar Tutorials

View Content

Ok...this is gonna sound very stupid to you guys, but I don't get one part of this code.

Code:

function range(upto) {
  var result = [];
  for (var i = 0; i <= upto; i++)
    result[i] = i;
  return result;
}
show(range(4));

What does result[i]=i mean?
I know it adds the value of i into the array, but how?
Why couldn't you just write it as result[i] or result[] = i?

Simple Javascript Problem Calling A Function

Similar Tutorials

View Content

Code:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 2</title>
</head>

<SCRIPT LANGUAGE = JavaScript>


	function estimateHolidays() 
	{

		var service1;
		var service2;
		var service3;
		var txtGrade;
		var txtHolidays;
                var dblEntitlement;
		var strService;
		

		strService = cmbService.value;


		if (strService == "Service1") 
		{
		dblEntitlement = 20;
		}
		else if (strService == "Service2" && Grade--"1")
		{
		dblEntitlement = 24; 
		}
		else if (strService == "Service2" && Grade--"2") 
		{
		dblEntitlement = 26; 
		}
		else if (strService == "Service2" && Grade--"3") 
		{
		dblEntitlement = 28; 
		}
		else if (strService == "Service3")
		{
		dblEntitlement = 30; 
		}
		else 
		{ 
		dblEntitlement = "Error!  Please try again."; 
		}	

		txtHoliday.value = dblEntitlement;


	}


</SCRIPT>


<body>

	<p>
	<input name="txtGrade" size="25" value="Enter Your Staff Grade">
	</p>

	<p>
	Years of Service: <select name="cmbService" size="1">
	<option value="Service1">Less than 5 years service</option>
	<option value="Service2">5 to 9 years service</option>
	<option value="Service3">10 or more years of service</option>
	</select> 
	</p>

	<p>
	<input type="button" value="Estimate Holidays" name="cmdEstimateHolidays" onclick="estimateHolidays()">
	</p>

	<p>
	Holiday Entitlement: <input name="txtHolidays" size="25">
	</p>

</body>
</html>

Why won't this code work!? Its driving me mad.

Trying To Manipulate Arguments Passed To A Simple Function

Similar Tutorials

View Content

Hi all,

I have a newbie question. I have just started working with javascript and would appreciate some guidance.
I have a webpage and there are products for sale on it(this is not live it is merely being used as practice project). Beside each product is a description a price and an 'add to cart' button.

My cart is simply a div with an id of 'cart' and it has a text box within it. I need the product name to be displayed within the div (this, I have working), I also need to display the product price in the text box once the button(add to cart ) for that particular product has been pressed.
Also when the button for another product is pressed, I want the cost/value for that product to be added to the other value and displayed in the text box in the cart div...

I apologise for rambling on but this is the best way of me explaining my needs....

Here's where i am right now..
The HTML snippet

Code:

<div id ="cart">
    		<p><img src="images/shopping-cart.png"  alt ="cart"/>Your Cart</p>
            
            	<div id="sum"><!--(this is the div where the total goes)-->
					<input type="text" id="total" value="0" /><p>&euro;&nbsp; Your Total &nbsp;<input type="reset" value = "reset" /></p>
                 </div>
    	</div>

<h2 id ="black">Blackcurrent<br /></h2>
        <p>&euro; 12.00 <input type = "submit" value ="add to cart"  onClick = "shoppingCart('Blackcurrent',12)" /></p>

And the javascript:

Code:

alert ("working");

function shoppingCart (itemName,itemValue)
{
/*	var thePrice = Number(itemValue);
	return thePrice;*/
	document.getElementById ("cart").innerHTML += itemName  + "<br/>";
	document.getElementById('total').value = Number(document.getElementById('total').value) + itemValue;
	
		
}

I hope i have posted correctly and am aware that i have only posted a segment of the HTML..

Please let me know if you need any more code or info..

Thanks a lot in advance for any help...

Simple Function Not Fully Working In Chrome

Similar Tutorials

View Content

Hi,

I have a small script that tries to open a child window. if successful, it then closes the child window and redirects the parent window. If this process fails, there is no child window, no redirection.

the script below works fine in FireFox but in Chrome, if the process fails, the redirection still happens. I'm new to JS would appreciate your help

many thanks

Code:

<script type="text/javascript">
function openwindow(){
	testWindow = window.open("popup.php","interaction");
	setTimeout(function() { testWindow.close(); },1000);
	setTimeout(function() { window.location = "http://www.google.com"; },1000);
}
</script>

Simple User Defined Function And Text Area

Similar Tutorials

View Content

I am trying to use a user defined function and text area for a project, but nothing is showing up in the text area when i click the button.

Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

<script type="text/javascript">
		function Greet()
		// Assumes: firstNameBox and companyName contain names
		// Results: writes a message with those names in messageArea
		{
			firstName = document.getElementById("firstNameBox").value;
			companyName = document.getElementById("companyNameBox").value;
		
			message = "To whom it may concern, my name is " + firstName + ", I am very interested in the job opening at, " + compnayName +
				". I feel that I would greatly contribute to " + companyName +
				" success. I feel I fit the requirements needed to become an employee at " + companyName +
				". I look forward to hearing from you.";

			document.getElementById("messageArea").value = message;
		}
	</script>


</head>

<body>


<p>

		Enter your first name: <input type="text" id="firstNameBox" size="15" />
		<br />
		Enter the Company name: <input type="text" id="companyNameBox" size="15" />
	</p>

	<p>
		<input type="button" value="Click for Greeting" onclick="Greet();" />
	</p>

	<p>
		<textarea id="messageArea" rows="4" cols="40"></textarea>
	</p>
</body>

Passing Array Variable-should Be Simple For An Expert

Similar Tutorials

View Content

I have inherited some code, and cannot get it to work. Note the bold section in the OBJECT tag below. I believe this is where the issue is.

Code:

<script language="JavaScript">
var camArray = new Array();
camArray['Dolliver'] = "http://video.dot.ca.gov/asx/D5-Bello-at-101.asx";
camArray['Mattie'] = "http://video.dot.ca.gov/asx/D5-Mattie-Rd-at-101.asx";
camera="Dolliver";

var camHTMLd = "<object id='MediaPlayer' width=320 height=240 classid='CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95' standby='Loading Windows Media Player components...' type='application/x-oleobject' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112'><param name='filename' value='"+camArray[camera]+"'><param name='Showcontrols' value='False'><param name='autoStart' value='True'><embed type='application/x-mplayer2' src='"+camArray[camera]+"' width=320 height=240></embed></object>"

function changeCam(camera){

	document.getElementById("caltransCamera").innerHTML = camHTMLd;
	//alert(camHTMLd+camArray[camera]);
}

</script>

Then in the page, I have the following code:
<a href="javascript:changeCam('Mattie');">101 at Mattie Road</a>

It SHOULD open and start displaying the MATTIE cam, but it reloads the default Dolliver.

What am I missing? Thank you in advance.

Array Searching Problem...probably A Simple Solution But I Can't See It

Similar Tutorials

View Content

Hi guys,
I'm trying to write a function such that it can be called, with a particular string specified in the call, and the function will then search
a pre-defined array ("pages") of webpage URLs and headers in the form ["[www.sampleurl1.com] Sample Header 1. ", "[www.sampleurl2.com] Sample Header 2. "];
etc. etc., to see if the aforementioned string occurs in the "header" part of any of the indexes of the "pages" array, and then if it does,
to alert "Found in x,y,z" where x y and z are the indexes of the "pages" array in which the specified string was found to occur.
Here is what I have so far:
Code:

var pages=["[www.lboro.ac.uk] Loughborough University. ", "[www.oxford.ac.uk] Oxford University. "];
var founds=[]
function findIdxsC(s){
for(i=0;i<pages.length;i++)
	if((pages[i].substring(pages[i].indexOf("]") + 1,pages[i].lastIndexOf("."))).match(/s/))
		founds.push(pages[i])
}
var array=founds.filter(findIdxsC)
var arr2str=array.toStr;
alert("Found in "+arr2str);
findIdxsC("nIvERsi");

In theory, the above example should alert "Found in 0,1" because I have used the "match" command (so the search is case-insensitive) and
the string "niversi" is found in the "header" parts of indexes 0 and 1. However, what it actually alerts is "Found in undefined". As far
as I can see the problem lies with either the if-statement(and the associated command to "push" the indexes of "pages" for which the condition applies,
to a new array, "founds") or with the filter and toString commands used towards the end. Perhaps it is one of these, or perhaps there is
something else I am missing? Either way I would appreciate it if anyone could identify what in my code is causing the "Found in undefined"
alert and suggest how I could rectify it, as it's causing me a bit of a headache

Many thanks