Learn VBA & Macros in 1 Week!

JavaScript - Simple Javascript Calculation Problem

Full Excel VBA Course - Beginner to Expert

Simple Javascript Calculation Problem	View Content

I've designed a snippet of javascript to receive numbers, add them together, and then display the total. What i'd like to do now is display the amount of numbers added together "count", and then average them all together. Problem is, the count just won't display, so i'm uncertain if I have a logic error in my code or just an html issue? I'd really appreciate the help!

Code:

<html>
<head>
<script type="text/javascript">
var count = 0;
var total = 0;
var number = 0;

function AverageNumbers(form)
{
    number = document.getElementById('num1').value;
    count++;
    total = parseInt(number) + parseInt(total);
    average = parseInt(number) + parseInt(count)
if (number!=null && number!="")
  {
 document.getElementById('total').innerHTML = total;
 document.getElementById('count').innerHTML = count;
  }
  return count;
  return total;
}
</script>
</head>

<body>
    <form>
<INPUT TYPE="number" NAME="inputbox" ID="num1">
<INPUT TYPE="button" NAME="button" Value="Click" onClick="AverageNumbers(this.form)">
</form>
    <div id="total"><div>
            <br>       </br>        
    <div id="count"><div>
    
   

</body>
</html>

Full Excel VBA Course - Beginner to Expert

Simple Calculation

Similar Tutorials

View Content

Ok I am looking for a simple bmi calculator that calculates body mass index then in a seperate table calculates what a target weight should be based on the goal bmi. no need for making it look fancy, just functionality for now. thanks!

Simple Math Calculation

Similar Tutorials

View Content

Hi. I am new to javascript programming so please go easy on me. I am creating a site for a flooring store and need to include a price calculator/estimator.
What I need to do is allow the visitor to input the room size (length x width) and choose a flooring material from a pulldown list, and receive a price.
The pulldown list would have flooring materials such as carpet, tile, wood, etc and each of these would have a fixed dollar amount associated with them (which would be hidden).
So basically it is just a script that would multiply 3 numbers, with two of the numbers being input by the visitor, and th tird being selected from the pulldown.
Can someone please educate me on how to do this?

Help With Javascript Calculation

Similar Tutorials

View Content

Hi everyone, I am new to Javascript and took a class or 2 in college, but need some help.

I need to make a calculation for a webpage that will do the following:

Client will insert AWG (wire ) Size, then it will derive the correct Circular Mils that the AWG is equal to from an Access Database ( I assume this is the way to set that up or if I can in Javascript itself, thats fine as well ), then Multiply it by the Number of Strands that the Client will also insert.

I had this all set up in Visual Basic and working great, and my boss said he does not want it in a pop up box but prefers it on the website itself hence me reverting to Javascript for this.

To visualize it Image 2 boxes with AWG and STRANDS that the client will put in, then another box with TOTAL CMA where the answer will pop up after it has multipled by the AWG individual CMA and number of Strands.

I have the general idea to set it up, just do not know how to get the Database in there and Code it properly or whatever.

I would appreciate any assistance I can get :-) Thanks everyone.

Javascript Vat Calculation

Similar Tutorials

View Content

Simple Javascript Problem

Similar Tutorials

View Content

I have a script that includes a JS delete function, but when I select a record and hit delete it says no record is selected. I'm sure this is a simple fix for someone in the know. Thanks in advance.

Site:

PHP Code:
<?php
    require_once('auth.php');
?>
<script type="text/javascript" src="script.js"> </script>
<?php include("header.php"); ?>
<b><div align="right"><a href="admin-index.php">Admin</a> - <a href="adminorders.php">Orders</a> - <a href="adminmain_forum.php">Support</a> - <a href="register-form.php">Add User</a> - <a href="adminlogout.php">Logout</a></div></b><br>
<b>Report Upload</b>
<br>To upload reports after completion use the form below and update the order with the report URL (/reports/filename).
<center><form action="./uploadadmin.php" method="post" enctype="multipart/form-data">
   <p>
      <label for="file">Select a file:</label> <input type="file" name="userfile" id="file"> <br />
      <p><button>Upload File</button>
   <p>
</form></center>

<p><b>Previous Orders</b>
<br>Details of previous orders and trials are displayed below.

<br><script>

</script>


<center><b>Enter order number</b> <form name="form1" onSubmit="search(document.form1, frametosearch); return false"><input type="text" name="findthis" size="15" title="Press 'ALT s' after clicking submit to repeatedly search page"> <input type="submit" value="Search Orders" ACCESSKEY="s"></form></center>

<br><br><table width="775" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td>
      <form action="" method="post" name="" id="">
        <table width="600" border="1" align="center" cellpadding="2" cellspacing="2">
          <tr>
            <td><input name="topcheckbox" type="checkbox" class="check" id="topcheckbox" onClick="selectall();" value="ON">
Select All    </td>
            <td colspan="4" align="center"><a href="form.php?mode=add">Add New Order</a></td>
          </tr>
          <tr>
            <td><strong><a href="javascript:goDel()">Delete</a></strong></td>
            <td><strong>Order Number</strong></td>
            <td><strong>Order Status</strong></td>
            <td><strong>Payment Status</strong></td>
            <td><strong>Update</strong></td>
          </tr>
          <?
          include("conn.php");
          $sql="select sn,branchname,shortname,payment from $branch order by sn";
          $result=mysql_query($sql,$connection) or die(mysql_error());
          while($row=mysql_fetch_array($result)) {
          ?>
          <tr>
            <td><input name="<? echo $row['sn']; ?>" type="checkbox" class="check"></td>
            <td><? echo $row['branchname']; ?></td>
            <td><? echo $row['shortname']; ?></td>
            <td><? echo $row['payment']; ?></td>
            <td><a href="<? echo "form.php?sn=".$row['sn']."&mode=update"; ?>">Update</a></td>
          </tr>
          <? } ?>
          <tr>
            <td><strong><a href="javascript:goDel()">Delete</a></strong></td>
            <td><strong>Order Number</strong></td>
            <td><strong>Order Status</strong></td>
            <td><strong>Payment Status</strong></td>
            <td><strong>Update</strong></td>
          </tr>
        </table>
    </form></td>
  </tr>
</table>

<?php include("footer.php"); ?>

JS File

Code:

function goDel()
{
	var recslen =  document.forms[0].length;
	var checkboxes=""
	for(i=1;i<recslen;i++)
	{
		if(document.forms[0].elements[i].checked==true)
		checkboxes+= " " + document.forms[0].elements[i].name
	}
	
	if(checkboxes.length>0)
	{
		var con=confirm("Are you sure you want to delete");
		if(con)
		{
			document.forms[0].action="delete.php?recsno="+checkboxes
			document.forms[0].submit()
		}
	}
	else
	{
		alert("No record is selected.")
	}
}

function selectall()
{
//		var formname=document.getElementById(formname);

		var recslen = document.forms[0].length;
		
		if(document.forms[0].topcheckbox.checked==true)
			{
				for(i=1;i<recslen;i++) {
				document.forms[0].elements[i].checked=true;
				}
	}
	else
	{
		for(i=1;i<recslen;i++)
		document.forms[0].elements[i].checked=false;
	}
}

Simple Javascript Problem That I Need Help Please

Similar Tutorials

View Content

Hi

i am trying to combine these two statments
Code:

searchValue.replace( /\[[^\)]*\]/g,"");
searchValue.replace( /\([^\)]*\)/g, "");

is it possible to put these two into one statment?

also is there a javascript function which does the same as urlencode?

many thanks
Luke

Javascript Calculation Precision

Similar Tutorials

View Content

Hello, javascript seems to return the calculate the follwoing:

(1 / 0.88) * 4.4 = 5.000000000000001

Excel evaluates the same sum to be 5 even to 20 decimal points. My calculator does the same. Having the 1 on the end throws off some of my calculations. Why is javascript evaluating like this??

Many thanks

Javascript Calculation Won't Calulate!

Similar Tutorials

View Content

All,

Below find my JS which is supposed to do the following:
Take user supplied numerical values from 7 fields, perform the calculation function that's in the code and place it into the Total box / field.

Needless to say ...or I wouldn't be here...it doesn't work.
I thought maybe the problem was in the function, but I'm not sure

Thanks to all who can help!

NewbieScott

================================

<html>
<head>
<title>Test Prototype</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
background:#fff;
}
p {
margin:2em;
}
</style>
<script type="text/javascript">

function calc(D1,D2,D3,D4,D5,D6,D7){

return (((D1*2.036+D3)/(273+D5))-((D2*2.036+D4)/(273+D6)))*238*(3050/D7);

var D1=parseInt(D1.value);
var D2=parseInt(D2.value);
var D3=parseInt(D3.value);
var D4=parseInt(D4.value);
var D5=parseInt(D5.value);
var D6=parseInt(D6.value);
var D7=parseInt(D7.value);
if (isNaN(D1)) {D1=0;}
if (isNaN(D2)) {D2=0;}
if (isNaN(D3)) {D3=0;}
if (isNaN(D4)) {D4=0;}
if (isNaN(D5)) {D5=0;}
if (isNaN(D6)) {D6=0;}
if (isNaN(D7)) {D7=0;}
document.getElementById('total').value = D1+D2+D3+D4+D5+D6+D7;
}

window.onload=function() {
var D1=document.getElementById('D1');
var D2=document.getElementById('D2');
var D3=document.getElementById('D3');
var D4=document.getElementById('D4');
var D5=document.getElementById('D5');
var D6=document.getElementById('D6');
var D7=document.getElementById('D7');
D1.onkeyup=function() {calc(D1,D2,D3,D4,D4,D6,D7);
D2.onkeyup=function() {calc(D1,D2,D3,D4,D4,D6,D7);
D3.onkeyup=function() {calc(D1,D2,D3,D4,D4,D6,D7);
D4.onkeyup=function() {calc(D1,D2,D3,D4,D4,D6,D7);
D5.onkeyup=function() {calc(D1,D2,D3,D4,D4,D6,D7);
D6.onkeyup=function() {calc(D1,D2,D3,D4,D4,D6,D7);
D7.onkeyup=function() {calc(D1,D2,D3,D4,D5,D6,D7);
}
</script>
</head>
<body>
<form action="#">
<p><label> Number 1: <input id="D1"></label>
<p><label> Number 2: <input id="D2"></label>
<p><label> Number 3: <input id="D3"></label>
<p><label> Number 4: <input id="D4"></label>
<p><label> Number 5: <input id="D5"></label>
<p><label> Number 6: <input id="D6"></label>
<p><label> Number 7: <input id="D7"></label>

<p>Total = <input id="total"></p>
</p>
</body>
</html>

Help Needed With Javascript Calculation

Similar Tutorials

View Content

Hi,

I'm trying to get my head around JS, but not too successfully yet.

My objective is probably simple (but not to me ): to have a form where visitors enter 12 separate digits (ideally in minutes & hours, but am happy to use decimals), and the average of these (to two decimal points) is returned as document.write is it? - along with other text, to make a complete & coherent sentence, including the average of the 12 numbers.

Does anyone have any code convenient that could do this?

Thanks,

LJ

Calculation Code With Javascript

Similar Tutorials

View Content

What code must I use if I want to create an order form on my website where patrons can order and/or request a product and/or services from the price list, the order form should calculate the total amount of the products/services requested, the VAT of 15% and add that to the order amount, Please help?

Simple Javascript Toggle Problem

Similar Tutorials

View Content

I've written this very small and simple javascript toggle to make a div appear and disappear upon click.

Code:

function dropDown(id){
    var object = document.getElementById(id).style;
    
    if (object.display == "none") {object.display = "block"}
    else {object.display = "none"}
    }

And the html:
Code:

<div id="webBox" class="service">
<ul class="servNav">
    <li class="button" onclick="dropDown('webDrop')">View Details</li>
</ul>
</div>
<div class="dropInfo" id="webDrop">

Now this code DOES work, but only after clicking the button twice. I assume there is some argument problem, but I can't seem to pinpoint it. I've got jquery scripts and plugins on the page, but it does the same thing when I take those off.

Is there anything I can do to make the toggle immediate rather than after a couple tries of clicking?

The URL is http://mattboldt.com/2.0

The "view details" buttons are what I'm having trouble with. As of now it's only on one, the first div.

Thanks.

Simple Javascript Pop Up Window Problem

Similar Tutorials

View Content

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
Code:

<SCRIPT type="text/Javascript">
<!--
function submitClick() {
	var userid = document.login.userid.value;
	var pin = document.login.pin.value;
	
	if (document.login.userid.value=='')
	{
		window.alert('User ID not entered');
	}
	else if (document.login.pin.value=='')
	{
		window.alert('Pin not entered');
	}
	else
	{
		window.alert (
		"User ID: " + userid +
		"\nPIN: " + pin 
		);
	}
}
//-->	  
</SCRIPT>

</head>
<body>
<center><img height="120" width="240">
<h3 align="center">Please enter your User ID and PIN:</h3>
<center>
<table width="50%" id="Table1">
<tbody>
<tr>
<td width="50%" align="RIGHT">User ID:</td>
<td width="50%" align="LEFT"><input type="text" name="userid" size="20"></td>
</tr>
<tr>
<td align="RIGHT">PIN:</td>
<td align="LEFT"><input type="text" name="pin" size="20"></td>
</tr>
<tr>
<td></td>
Code:

<td align="LEFT"><INPUT TYPE="button" NAME="button" VALUE="Submit" onSubmit="return submitClick();"></td>

</tr>
</tbody>
</table>
</center>
</center>
</body>
</html>

I'm needing the program to use pop up windows when no user id has been entered or no pin has been entered. If both have been entered then i need it to show the user id and pin in a pop up window. Not sure where I've went wrong so any help would be much appreciated.

Checking Javascript Date Calculation

Similar Tutorials

View Content

I have a javascript that should convert any date into a number between 1 and 260. Based on the outcome of that calculation, a viewer is directed to a specific web page.

How can I verify the calculation? How can I see what number javascript is arriving at so I can backtrack to the error? It is not serving up the correct page.

I have compared the results to a calculator on another website that uses a different script to calculate the same result -- that's why I am saying the end results are not correct.

On the other website, scroll down to where you enter a date. It returns a name just above the date (example: July 25, 1970 returns Electric Star). The script I included above returns Yellow Sun. July 25, 1970 should = 68.

Code:

function calculate() {
    if(!isValidDate())
        return;

    var result = 0;
    var cuttingAge = 260;
    var yearBox = document.getElementById("year");
    var year = yearBox.value;
    var month = document.getElementById("month").value;
    var day = document.getElementById("day").value;

    //Rule # 1
    if(month==1 || month==2){
        var selectedYearIndex;
        for(var i=0; i<yearBox.options.length; i++){
            if(yearBox.options[i].selected){
                selectedYearIndex = i;
                break;
            }
        }
        year = yearBox.options[selectedYearIndex-1].value;
    }

    //Rule # 2
    var monthLength = new Array();
    monthLength[0]=0;
    monthLength[1]=31;
    monthLength[2]=29;
    monthLength[3]=31;
    monthLength[4]=30;
    monthLength[5]=31;
    monthLength[6]=30;
    monthLength[7]=31;
    monthLength[8]=31;
    monthLength[9]=30;
    monthLength[10]=31;
    monthLength[11]=30;
    monthLength[12]=31;
    monthLength[13]=31;
    monthLength[14]=29;

    var dayPassed = 0;
    var tempMonth = month;
    if(month<3) //If its january or february
        tempMonth = parseInt(tempMonth) +12; //Add previous year's days
    for(var i=3; i<tempMonth; i++){
        dayPassed += monthLength[i];
    }
    dayPassed += parseInt(day) -1;
    dayPassed = dayPassed%cuttingAge;

    //Rule # 3
    result = parseInt(year) + parseInt(dayPassed);

    //Rule # 4
    if(result > cuttingAge)
        result -= cuttingAge;

    //Rule # 5
    var pendant = new Array();
    var abc = new Array();
    pendant[0] = {
        name:"imix",
        values:new Array(1, 21, 41, 61, 81, 101, 121, 141, 161, 181, 201, 221, 241)
    };
    pendant[1] = {
        name:"ik",
        values:new Array(2, 22, 42, 62, 82, 102, 122, 142, 162, 182, 202, 222, 242)
    };
    pendant[2] = {
        name:"akbal",
        values:new Array(3, 23, 43, 63, 83, 103, 123, 143, 163, 183, 203, 223, 243)
    };
    pendant[3] = {
        name:"kan",
        values:new Array(4, 24, 44, 64, 84, 104, 124, 144, 164, 184, 204, 224, 244)
    };
    pendant[4] = {
        name:"chicchan",
        values:new Array(5, 25, 45, 65, 85, 105, 125, 145, 165, 185, 205, 225, 245)
    };
    pendant[5] = {
        name:"cimi",
        values:new Array(6, 26, 46, 66, 86, 106, 126, 146, 166, 186, 206, 226, 246)
    };
    pendant[6] = {
        name:"manik",
        values:new Array(7, 27, 47, 67, 87, 107, 127, 147, 167, 187, 207, 227, 247)
    };
    pendant[7] = {
        name:"lamat",
        values:new Array(8, 28, 48, 68, 88, 108, 128, 148, 168, 188, 208, 228, 248)
    };
    pendant[8] = {
        name:"muluk",
        values:new Array(9, 29, 49, 69, 89, 109, 129, 149, 169, 189, 209, 229, 249)
    };
    pendant[9] = {
        name:"oc",
        values:new Array(10, 30, 50, 70, 90, 110, 130, 150, 170, 190, 210, 230, 250)
    };
    pendant[10] = {
        name:"chuen",
        values:new Array(11, 31, 51, 71, 91, 111, 131, 151, 171, 191, 211, 231, 251)
    };
    pendant[11] = {
        name:"eb",
        values:new Array(12, 32, 52, 72, 92, 112, 132, 152, 172, 192, 212, 232, 252)
    };
    pendant[12] = {
        name:"ben",
        values:new Array(13, 33, 53, 73, 93, 113, 133, 153, 173, 193, 213, 233, 253)
    };
    pendant[13] = {
        name:"ix",
        values:new Array(14, 34, 54, 74, 94, 114, 134, 154, 174, 194, 214, 234, 254)
    };
    pendant[14] = {
        name:"men",
        values:new Array(15, 35, 55, 75, 95, 115, 135, 155, 175, 195, 215, 235, 255)
    };
    pendant[15] = {
        name:"cib",
        values:new Array(16, 36, 56, 76, 96, 116, 136, 156, 176, 196, 216, 236, 256)
    };
    pendant[16] = {
        name:"caban",
        values:new Array(17, 37, 57, 77, 97, 117, 137, 157, 177, 197, 217, 237, 257)
    };
    pendant[17] = {
        name:"etznab",
        values:new Array(18, 38, 58, 78, 98, 118, 138, 158, 178, 198, 218, 238, 258)
    };
    pendant[18] = {
        name:"cauac",
        values:new Array(19, 39, 59, 79, 99, 119, 139, 159, 179, 199, 219, 239, 259)
    };
    pendant[19] = {
        name:"ahau",
        values:new Array(20, 40, 60, 80, 100, 120, 140, 160, 180, 200, 220, 240, 260)
    };

    var redirecctPages = new Array();
    redirecctPages["chuen"] = "http://store.mayankin.com/blue-monkey/";
    redirecctPages["eb"] = "http://store.mayankin.com/yellow-human/";
    redirecctPages["ben"] = "http://store.mayankin.com/red-skywalker/";
    redirecctPages["ix"] = "http://store.mayankin.com/white-wizard/";
    redirecctPages["men"] = "http://store.mayankin.com/blue-eagle/";
    redirecctPages["cib"] = "http://store.mayankin.com/yellow-warrior/";
    redirecctPages["caban"] = "http://store.mayankin.com/red-earth/";
    redirecctPages["etznab"] = "http://store.mayankin.com/white-mirror/";
    redirecctPages["cauac"] = "http://store.mayankin.com/blue-storm/";
    redirecctPages["ahau"] = "http://store.mayankin.com/yellow-sun/";
    redirecctPages["imix"] = "http://store.mayankin.com/red-dragon/";
    redirecctPages["ik"] = "http://store.mayankin.com/white-wind/";
    redirecctPages["akbal"] = "http://store.mayankin.com/blue-night/";
    redirecctPages["kan"] = "http://store.mayankin.com/yellow-seed/";
    redirecctPages["chicchan"] = "http://store.mayankin.com/red-serpent/";
    redirecctPages["cimi"] = "http://store.mayankin.com/white-world-bridger/";
    redirecctPages["manik"] = "http://store.mayankin.com/blue-hand/";
    redirecctPages["lamat"] = "http://store.mayankin.com/yellow-star/";
    redirecctPages["muluk"] = "http://store.mayankin.com/red-moon/";
    redirecctPages["oc"] = "http://store.mayankin.com/white-dog/";

    var pendantName;
    for(var i =0; i<pendant.length; i++){
        var found = false;
        for(var j=0; j<pendant[i].values.length; j++){
            if(result == pendant[i].values[j]){
                pendantName = pendant[i].name;
                found = true;
                break;
            }
        }
        if(found)
            break;
    }

    document.location = redirecctPages[pendantName];
}

/**
         * Comment
         */
function isValidDate() {
    var year = document.getElementById("year").value;
    var month = document.getElementById("month").value;
    var day = document.getElementById("day").value;
    if(month==2 && day>29){
        alert("Please select a valid date");
        return false
    }
    if((month==4 || month==6 || month==9 || month==11) && day>30){
        alert("Please select a valid date");
        return false
    }

    return true;
}

Form Calculation Using Javascript Not Working

Similar Tutorials

View Content

Hi there! I hope someone can help me figure out the last little bit of this project. I'm building a form that is calulated based on the options selected with a javascript form. This is my first attempt at something like this so I'm a bit lost at the final update.

First to be sure I'm on spot here is the javascript I'm using to update the form - Code:

<script>
function BDWcalc ()
  {
    var listeners = document.getElementById('listeners').value;
    var bitrate = document.getElementById('bitrate').value;
    var hours = document.getElementById('hours').value;
    var days = document.getElementById('days').value;
    var total = document.getElementById('BDWTotal');
    
    var sum = days*hours*3600*bitrate/8*listeners/1024/1024;
    total.value = sum.toFixed(2)+" GB";
  }
</script>

I'm calling the script in the header of the site with the following line of code
Code:

<script type="text/javascript" language="JavaScript" src='javascript/BDWcalc.js'></script>

Now here is the form where I get stuck. It the last field which is to be updated when the option values are changed. For my purposes here, I've merely created a correct value as a default based on the items selected, but it is not actually being calculated by the script. I need the correct syntax there to get this all to work. Sure hope someone can help -

Form
Code:

<table width="530" border="0" cellspacing="0" cellpadding="5">
  <tr>
    <th scope="col">Listeners</th>
    <th scope="col">Bitrate(quality)</th>
    <th scope="col">Hours per day </th>
    <th scope="col">Days per month </th>
    <th scope="col">Total per month </th>
    <th scope="col">Action</th>
  </tr>
  <tr>
    <th scope="col"><span class="cell" style="width: 75px;">
      <input name="text" type="text" id="listeners" style="margin: 4px 2px 0pt; width: 65px;" onchange="BDWcalc();" value="10" size="20" />
    </span></th>
    <th scope="col"><span class="cell_v">
    <select name="select2" class="BDWbox" id="select" onchange="BDWcalc();">
      <option value="24">24 kbps</option>
      <option value="32">32 kbps</option>
      <option value="48">48 kbps</option>
      <option value="56">56 kbps</option>
      <option value="64" selected="selected">64 kbps</option>
      <option value="80">80 kbps</option>
      <option value="96">96 kbps</option>
      <option value="112">112 kbps</option>
      <option value="128">128 kbps</option>
      <option value="160">160 kbps</option>
      <option value="192">192 kbps</option>
      <option value="224">224 kbps</option>
      <option value="256">256 kbps</option>
      <option value="320">320 kbps</option>
      <option value="512">512 kbps</option>
      <option value="768">768 kbps</option>
      <option value="1536">1.5 mbps</option>
    </select>
    </span></th>
    <th scope="col"><span class="cell_v">
    <select name="select3" class="BDWbox" id="select2" onchange="BDWcalc();">
      <option value="1">1 hour</option>
      <option value="2">2 hours</option>
      <option value="3">3 hours</option>
      <option value="4">4 hours</option>
      <option value="5">5 hours</option>
      <option value="6">6 hours</option>
      <option value="7">7 hours</option>
      <option value="8">8 hours</option>
      <option value="9">9 hours</option>
      <option value="10" selected="selected">10 hours</option>
      <option value="11">11 hours</option>
      <option value="12">12 hours</option>
      <option value="13">13 hours</option>
      <option value="14">14 hours</option>
      <option value="15">15 hours</option>
      <option value="16">16 hours</option>
      <option value="17">17 hours</option>
      <option value="18">18 hours</option>
      <option value="19">19 hours</option>
      <option value="20">20 hours</option>
      <option value="21">21 hours</option>
      <option value="22">22 hours</option>
      <option value="23">23 hours</option>
      <option value="24">24 hours</option>
    </select>
    </span></th>
    <th scope="col"><span class="cell_v">
    <select name="select4" class="BDWbox" id="select3" onchange="BDWcalc();">
      <option value="1">1 day</option>
      <option value="2">2 days</option>
      <option value="3">3 days</option>
      <option value="4">4 days</option>
      <option value="5">5 days</option>
      <option value="6">6 days</option>
      <option value="7">7 days</option>
      <option value="8">8 days</option>
      <option value="9">9 days</option>
      <option value="10">10 days</option>
      <option value="11">11 days</option>
      <option value="12">12 days</option>
      <option value="13">13 days</option>
      <option value="14">14 days</option>
      <option value="15" selected="selected">15 days</option>
      <option value="16">16 days</option>
      <option value="17">17 days</option>
      <option value="18">18 days</option>
      <option value="19">19 days</option>
      <option value="20">20 days</option>
      <option value="21">21 days</option>
      <option value="22">22 days</option>
      <option value="23">23 days</option>
      <option value="24">24 days</option>
      <option value="25">25 days</option>
      <option value="26">26 days</option>
      <option value="27">27 days</option>
      <option value="28">28 days</option>
      <option value="29">29 days</option>
      <option value="30">30 days</option>
    </select>
    </span></th>
     <th scope="col"><span class="cell_v" style="width: 160px;">
    <input name="text2" type="text" id="text2" style="margin: 4px 2px 0pt; width: 90px;" value="41.19 GB" size="20" />
    </span></th>
    <th scope="col"><a href='javascript:BDWcalc();'>Update</a></th>
  </tr>
</table>

The form can be view here

Thank you in advance for any help offered. I've search and found things that are similiar, but none that are exactly what I need here.

Ruth

Javascript Function Calculation Issue

Similar Tutorials

View Content

Hello,

I am trying to make a page with a target heart rate calculator that displays the heart rate in a text box. This code displays on a new page instead of in the box even though I put an input box, plus it doesn't display the correct value. I think the problem is in the function itself:

Code:

<script>

function calcHeartRate()

{

var age = ""
var heartRate = 220 - age
var minRate = heartRate * .5
var maxRate = heartRate * .85

rate = document.write(heartRate)
document.myForm.yourRate.value = rate
}

At any rate, here is the form also:

Code:

<form name = "myForm">

Age:</br>

<input type = "text" name = "age" /><br/><br/>

<input type = "button" value = "Calculate Your Maximum Heart Rate:"

onclick= "calcHeartRate()"/>

<br/><br/>
Max Heart Rate:<br/>
<input type = "text" name = "yourRate" /><br/><br/>


</form>

I'm sure this is jacked up code since I have definitely been struggling. If you want me to post my entire code, I will, but it is my understanding that it is against the guidelines. Posting a working code is definitely not necessary. Please give me an idea as to what is wrong and I will go from there. I do not want the actual answer. I kind of think the problem is with my age variable but I am not sure what it is.

Thanks!

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.

Slider Problem (simple Javascript Fix For An Expert)

Similar Tutorials

View Content

Hi, i would like to explain my situation, basically, i am trying to create a slider with thumbnails. The slider is complete, works very well. The only problem is that the captions are just not appearing properly.

I had a situation where the captions did work but they had to be coming in from the slideOut functions but what i want is for it to be displayed when the person hovers over the image.

This is what it looks like at the moment...

This is when the caption is coming from the top.

i would like to implement
Code:

http://web.enavu.com/demos/caption/

or this
Code:

http://www.sohtanaka.com/web-design/examples/image-hover/

Doesnt matter which one

into my slider when an image is hovered over (not the thumbnail) the actual image, then the caption covers the whole image displaying whatever text...

Coding:
(HTML)
Code:

                    <div class="main_view">
                        <div class="window">    
                            <div class="image_reel">
                    			<a href="#">
                                    <img style="height:534px;" src="http://i55.tinypic.com/.png" alt="" />
                                </a>
                                <a href="<?php echo get_permalink(253); ?>">
                                    <img src="http://i51.tinypic.com/.jpg" alt="" />
                                </a>
                                <a href="<?php echo get_permalink(256); ?>">
                                    <img src="http://i52.tinypic.com/.png" alt="" />
                                </a>
                                <a href="<?php echo get_permalink(258); ?>">
                                    <img src="http://i53.tinypic.com/.png" alt="" />
                                </a>
                                <a href="<?php echo get_permalink(271); ?>">
                                    <img src="http://i53.tinypic.com/.png" alt="" />
                                </a>
                            </div>
		<div class="descriptions">
			<!--welcome page-->
				<div class="desc">
					<strong style="font-size:30px;">Welcome to City Water</strong>
						<div class="clear"></div><br/>
                            <div id="sliderdescription">WHATEVER WHATEVER</div>

				</div>
                
			<!--Services page-->
			<div class="desc">
			<?php $post_id = 253; $queried_post = get_post($post_id); ?>
       <strong style="font-size:30px;"><?php echo $queried_post->post_title; ?></strong>
                        <div class="clear"></div><br/>
                            <div id="sliderdescription"><?php echo $queried_post->post_content; ?></div>
                </div>
                    <div class="desc">
                                        <!--Products page-->
<?php $post_id = 256; $queried_post = get_post($post_id); ?>
<strong style="font-size:30px;"><?php echo $queried_post->post_title; ?></strong><div class="clear"></div>
<br/><div id="sliderdescription"><?php echo $queried_post->post_content; ?></div>


                    </div>
                    <div class="desc">
                                                 <!--Information page-->
<?php $post_id = 258; $queried_post = get_post($post_id); ?>
<strong style="font-size:30px;"><?php echo $queried_post->post_title; ?></strong><div class="clear"></div>
<br/><div id="sliderdescription"><?php echo $queried_post->post_content; ?></div>


                    </div>
                    <div class="desc">
                                                 <!--Accounts page-->
<?php $post_id = 271; $queried_post = get_post($post_id); ?>
<strong style="font-size:30px;"><?php echo $queried_post->post_title; ?></strong><div class="clear"></div>
<br/><div id="sliderdescription"><?php echo $queried_post->post_content; ?></div>
                    </div>
                </div>
            </div>
            
<div id="hrline"></div>

 <div class="paging">
         <ul class="thumb">
<li><a href="#" rel="1"><img src="http://i55.tinypic.com/.png" class="thumbnails"/></a></li>
<li><a href="#" rel="2"><img src="http://i56.tinypic.com/.jpg" class="thumbnails"/></a></li>
<li><a href="#" rel="3"><img src="http://i51.tinypic.com/.png" class="thumbnails"/></a></li>
<li><a href="#" rel="4"><img src="http://i52.tinypic.com/.png" class="thumbnails"/></a></li>
<li><a href="#" rel="5"><img src="http://i52.tinypic.com/.png" class="thumbnails"/></a></li>
        </ul>
    </div>
 </div>

CSS
Code:

 /*--Main Container--*/
 .main_view {
  float : left;
  height :488px;
  margin-bottom :1px;
  margin-top :-40px;
  position :relative;
}

 /*--Window/Masking Styles--*/
 .window img{
  height :492px;
  width : 974px;
}

 .window {
  /*--Hides anything outside of the set width/height--*/
  border :3px solid #D7D7D5;
  color : #B4B4B4;
  font-size : 12px;
  font-weight : bold;
  height :488px;
  overflow : hidden;
  position : relative;
  width : 974px;
}

 .image_reel {
  left : 0;
  position : absolute;
  top : 0;
}

 .image_reel img {
  float : left;
}

 .image_reel ul li {
  display : inline;
}

  #image_reel .caption {
  background-color :#000;
  bottom :0;
  color :#ffffff;
  height :100px;
  position :absolute;
  width :100%;
  z-index :600;
}

    #image_reel .caption .content {
}

    #image_reel .caption .content h3 {
  color :#1DCCEF;
  margin :0;
  padding :0;
}

 /*--Paging Styles--*/
 .paging {
  /*--Assures the paging stays on the top layer--*/
  /*--Hidden by default, will be later shown with jQuery--*/
  bottom : -25px;
  display : none;
  line-height : 40px;
  position : absolute;
  right : -70px;
  text-align : center;
  z-index : 100;
}



.desc {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
	margin-top:275px;
    color: white;
    font-size: 2em;
    padding: 7px;

}

JAVASCRIPT
Code:

$(document).ready(function() {

    //Set Default State of each portfolio piece
    $(".paging").show();
    $(".paging a:first").addClass("active");
        
    //Get size of images, how many there are, then determin the size of the image reel.
    var imageWidth = $(".window").width();
    var imageSum = $(".image_reel img").size();
    var imageReelWidth = imageWidth * imageSum;
    
    //Adjust the image reel to its new size
    $(".image_reel").css({'width' : imageReelWidth});
    
    //Paging + Slider Function
    rotate = function(){    
        var triggerID = $active.attr("rel") - 1; //Get number of times to slide
        var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

        hideComment();
        
        $(".paging a").removeClass('active'); //Remove all active class
        $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
        
        //Slider Animation
        $(".image_reel").animate({
            left: -image_reelPosition
        }, 500 );
       
        showComment();
    };
    
    //Rotation + Timing Event
    rotateSwitch = function(){        
        play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
            $active = $('.paging a.active').next();
            if ( $active.length === 0) { //If paging reaches the end...
                $active = $('.paging a:first'); //go back to first
            }
            rotate(); //Trigger the paging and slider function
        }, 7000); //Timer speed in milliseconds (3 seconds)
    };
    
    rotateSwitch(); //Run function on launch
    
    //On Hover
    $(".image_reel a").hover(function() {
        clearInterval(play); //Stop the rotation
        play = null;
    }, function() {
        rotateSwitch(); //Resume rotation
    });    
    
    showComment = function(){
        // slide toggle effect set to slow you can set it to fast too.
        $(".desc").eq( $('.paging a.active').attr("rel") - 1 ).show(700);
        return true;
    };
    
    showComment(); // Show Comment initially
    
     hideComment = function(){
        $(".desc").stop(true,true).slideUp(500).hide();
     };
    
    //hide comment if you click on it
    $(".desc").click(function(){
        hideComment();
    });
    
    //On Click
    $(".paging a").click(function() {    
        $active = $(this); //Activate the clicked paging
        //Reset Timer
        clearInterval(play); //Stop the rotation
        rotate(); //Trigger rotation immediately
        rotateSwitch(); // Resume rotation
        return false; //Prevent browser jump to link anchor
    });    
    
});

Calculator Calculation Problem

Similar Tutorials

View Content

I am a student trying to complete this assignment. Any assistance you can give me is greatly appreciated. My code is inserted below.

This is calculator program that I have gotten stuck on. Here is where I think I am at:

The program is now taking the 1st number entered displaying it and storing it in the variable "memory".
Operation (+,-,*,/) is added to the memory in function action1()
but then when the second number is entered it replaces memory with the second number. How can I get the variable memory to the whole string of 1st number,action, 2nd number?

Also once I do get that working correctly:
Wouldn't eval(document.calculator.display.value= memory) in my HTML for the "=" give me the calculation. ( if I could figure out how to have memory store the 1st number and action1 and 2nd number all together)
Or would eval(document.calculator.display.value) do it for me.
////////////////////////////////////////////////////////////////////////////////////

<html>
<head>
<title> Calculator</title>

</head>
<script type = "text/javascript" src="calculator2.js"></script>
<body>
<center>Calculator<br>
To use this calculator, CLICK a number, then an ACTION, then another
number, then the EQUALS button. <br>
Press "C" when ready to start over.
<br> The "N" button makes your previous number a negative.<br></center>

<form name="calculator">

<table border = "1" align ="center">
<tr>
<td ><input type = "text" size = 26 name = "display" id = ""/></td>
</tr>

<tr ><br />

<td>
<input type = "button" value = " 7 " id = ""
onclick="newstring('7')">

<input type = "button" value = " 8 " id = ""
onclick="newstring('8')"/>
<input type = "button" value = " 9 " id = ""
onclick="newstring('9')">
<input type = "button" value = " / " id = ""
onclick="action1('/')">
</td>
</tr>
<tr ><br />


<td>
<input type = "button" value = " 4 " id = ""
onclick="newstring('4')">
<input type = "button" value = " 5 " id = ""
onclick="newstring('5')">
<input type = "button" value = " 6 " id = ""
onclick="newstring('6')">
<input type = "button" value = " * " id = ""
onclick="action1('*')">
</td>
</tr>

<tr ><br />


<td>
<input type = "button" value = " 1 " id = ""
onclick="newstring('1')">
<input type = "button" value = " 2 " id = ""
onclick="newstring('2')">
<input type = "button" value = " 3 " id = ""
onclick="newstring('3')">
<input type = "button" value = " - " id = ""
onclick="action1('-')">
</td>
</tr>

<tr ><br />


<td>
<input type = "button" value = " 0 " id = ""
onclick="newstring('0')">
<input type = "button" value = " N " id = ""
onclick="newstring('N')">
<input type = "button" value = " = " id = ""
onclick="eval(document.calculator.display.value= memory)">
<input type = "button" value = " + " id = ""
onclick="action1('+')">
</td>
</tr>

<tr ><br />


<td>
<input type = "button" value = " &nbsp " id = "">
<input type = "button" value = " &nbsp " id = "">
<input type = "button" value = " &nbsp " id = "">
<input type = "button" value = " C " id = ""
onclick="clearCalc()">
</td>
</tr>

</table>

</body>

</form>

</html>

///////////////////////////////////////////////////////////////////////////////////////

javascript

memory = "0";
current = 0;
operation =0;
function newstring(digit)
{
current=document.calculator.display.value;
if (digit >= 0 && digit <=9)
{
if(current==0)
{
current = digit;
}
else
{
current = current + digit;
}
}

document.calculator.display.value=current;
memory= current;

}

function action1(newaction)
{
operation = document.calculator.display.value;
if (newaction == '+')
{
operation = newaction;
}
else if (newaction == '-')
{
operation = newaction;
}
else if (newaction == '*')
{
operation = newaction;
}
else if (newaction == '/')
{
operation = newaction;
}

memory= memory + operation;
document.calculator.display.value=memory ;

}
function clearCalc()
{
document.calculator.display.value=null;
num1= null;
num2 = null;
lastaction= null;
action = null;
}

Simple Problem: Javascript Wont Write Out A Css Span Class

Similar Tutorials

View Content

If the value is negative it should be in red, otherwise it should be in green.
It looks like JavaScript completely ignores the css class. Help please.

Code:

<html>
<head>
<title>Prva</title>
<style type="text/css"> 
span.Pozitivno
{
	color:green;
	font-weight:bold;
}
span.Negativno
{
	color:red;
	font-weight:bold;
}
</style>
<script type="text/javascript">
function vpisi_stevila()
{
	var a;
	var b;

	//Vnos spremenljivk
	a=prompt("Vnesi stevilo a:")
	b=prompt("Vnesi stevilo b:")
	
	a=a*1 //S tem spremenimo string v int
	b=b*1

	//Izpis stevil
	if(a<0)
	{
		document.write("A:<span class='Negativno'> " + a + " </span> <br />");
	}
	else
	{
		document.write("A:<span class='Pozitivno'> " + a + " </span> <br />");
	}
	if(b<0)
	{
		document.write("A:<span class='Negativno'> " + a + " </span> <br />");
	}
	else
	{
		document.write("A:<span class='Pozitivno'> " + a + " </span> <br />");
	}
	
	document.write("Vsota:", a+b, "<br />");
	document.write("Razlika:", a-b, "<br />");
	document.write("Mnozenje:", a*b, "<br />");
	document.write("Deljenje:", a/b, "<br />");
	document.write("Ostanek:", a%b, "<br />");
	
	
	if(a>b) //Ce je A vecje od B
	{
		document.writeln("A je <b>večje </b> od b")
	}
	if(a<b) //Ce je B vecje od A
	{
		document.writeln("A je <b>manjse </b> od b")
	}
	if(a==b) //Ce sta enaka
	{
		document.writeln("A je <b>enako </b> b")
	}
}
</script>
</head>
<body onload="vpisi_stevila()">


</body>
</html>

Help With Simple Javascript Simple Converter

Similar Tutorials

View Content

I imagine this would be very simple for someone who knows javascript.

I want to have three fields.

First field is "posted speed limit", second field is "actual speed" and third field will be the output field.

All the script needs to do it subtract the posted speed from the actual speed and add a ZERO to the end; which is the amount of the speeding ticket. The minimum fine is $100, however.

So, 5 miles over the speed limit would be $100 (minimum value)
15 miles over the speed limit would be $150 (add a zero)
35 miles over the speed limit would be $350.
etc.

I know very little Javascript, if anyone could help me out with this, I'd appreciate it. Thanks, Sean