JavaScript - Price Quote Generator With Variable Rates

I use Firefox and am wondering how to select a word and wrap [b] tags or [quote] tags around it? Any tutorials?

I am trying to create a function or have this work some how where it displays the first number when you make your choice in the first drop down box, which is working so far. In the second drop down box, if any of the answers are chosen except for none, it will take off 10% of the first number. Then add or subtract from there. I just have a problem with creating a function to take off that 10%. Here is the javascript:

Code:

/*
This source is shared under the terms of LGPL 3
www.gnu.org/licenses/lgpl.html

You are free to use the code in Commercial or non-commercial projects
*/

 //Set up an associative array
 //The keys represent the size of the cake
 //The values represent the cost of the cake i.e A 10" cake cost's $35
 var practice_field = new Array();
practice_field["None"]=0;
practice_field["Allergy and Immunology"]=4400;
practice_field["Endocrinology"]=4400;
practice_field["Pathology"]=4400;
practice_field["Dermatology"]=4400;
practice_field["Geriatrics"]=4400;
practice_field["Physical Rehabilitation"]=4400;
practice_field["Family Practice"]=6900;
practice_field["General Practice"]=6900;
practice_field["Internal Medicine"]=6900;
practice_field["Oncology"]=6900;
practice_field["Oral Surgery"]=6900;
practice_field["Radiology"]=6900;
practice_field["Gastroenterology"]=6900;
practice_field["Infectious Disease"]=6900;
practice_field["Nephrology"]=6900;
practice_field["Ophthalmology"]=6900;
practice_field["Pediatrics"]=6900;
practice_field["Urology"]=6900;
practice_field["Anesthesiology"]=9000;
practice_field["Cosmetic Surgery"]=9000;
practice_field["General Surgery"]=9000;
practice_field["Neurology"]=9000;
practice_field["Otolaryngology"]=9000;
practice_field["Plastic Surgery"]=9000;
practice_field["Vascular Surgery"]=9000;
practice_field["Cardiology"]=9000;
practice_field["Emergency Medicine"]=9000;
practice_field["Gynecology"]=9000;
practice_field["Orthopedic Surgery"]=9000;
practice_field["Pain Management"]=9000;
practice_field["Pulmonary Surgery"]=9000;
practice_field["Neurological Surgery"]=9900;
practice_field["Obstetrics"]=9900;

 
 //Set up an associative array 
 //The keys represent the filling type
 //The value represents the cost of the filling i.e. Lemon filling is $5,Dobash filling is $9
 //We use this this array when the user selects a filling from the form
 var society_member= new Array();
 society_member["None"]=1;
society_member["BCMA"]=0.10;
society_member["DCMA"]=0.10;
society_member["FOGS"]=0.10;
society_member["FNS"]=0.10;
society_member["PBCMS"]=0.10;
society_member["FSPS"]=0.10;
 
//This function finds the filling price based on the 
//drop down selection
function getPracticeField()
{
    var docPracticeField=0;
    //Get a reference to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the select id="filling"
     var selectedPracticeField = theForm.elements["practice"];
     
    //set cakeFilling Price equal to value user chose
    //For example filling_prices["Lemon".value] would be equal to 5
    docPracticeField = practice_field[selectedPracticeField.value];

    //finally we return cakeFillingPrice
    return docPracticeField;
}	 
	 


//This function finds the filling price based on the 
//drop down selection
function getSelectedSociety()
{
    var docSelectedSociety=0;
    //Get a reference to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the select id="filling"
     var selectedSociety = theForm.elements["society"];
     
    //set cakeFilling Price equal to value user chose
    //For example filling_prices["Lemon".value] would be equal to 5
    docSelectedSociety = society_member[selectedSociety.value];

    //finally we return cakeFillingPrice
    return docSelectedSociety;
}

//candlesPrice() finds the candles price based on a check box selection
function candlesPrice()
{
    var candlePrice=0;
    //Get a reference to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the checkbox id="includecandles"
    var includeCandles = theForm.elements["includecandles"];

    //If they checked the box set candlePrice to 5
    if(includeCandles.checked==true)
    {
        candlePrice=5;
    }
    //finally we return the candlePrice
    return candlePrice;
}

function insciptionPrice()
{
    //This local variable will be used to decide whether or not to charge for the inscription
    //If the user checked the box this value will be 20
    //otherwise it will remain at 0
    var inscriptionPrice=0;
    //Get a refernce to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the checkbox id="includeinscription"
    var includeInscription = theForm.elements["includeinscription"];
    //If they checked the box set inscriptionPrice to 20
    if(includeInscription.checked==true){
        inscriptionPrice=20;
    }
    //finally we return the inscriptionPrice
    return inscriptionPrice;
}
        
function calculateTotal()
{
    //Here we get the total price by calling our function
    //Each function returns a number so by calling them we add the values they return together
    var cakePrice = getPracticeField() * getSelectedSociety() + candlesPrice() + insciptionPrice();
    
    //display the result
    var divobj = document.getElementById('totalPrice');
    divobj.style.display='block';
    divobj.innerHTML = "Total Price For the Cake $"+cakePrice;

}

function hideTotal()
{
    var divobj = document.getElementById('totalPrice');
    divobj.style.display='none';
}

It shouldn't be too hard. I just can't crack it. I haven't moved from my computer in hours

So, my problem...

In a form I have two drop down menus (list of 3 and 7) and two tick boxs.

What I want to do is show an estimated quote based on the selections.

Here is the code I have if it helps. I haven't included the javascript in the header since it doesn't make sense.

Code:

<form method="post" action="">
    <div id="left">
      <p><b>Name:</b><br /><input type="text" name="name" /></p>
      <p><b>Daytime Number:</b><br /><input type="text" name="daytime" /></p>
      <p><b>Address Line 1:</b><br /><input type="text" name="address1" /></p>
      <p><b>City/Town:</b><br /><input type="text" name="citytown" /></p>
      <p><b>Postcode:</b><br /><input type="text" name="postcode" /></p>
	  <p><b>Cake Type:</b><br /><select id="caketype">
        <option value="0">Fruit cake +&pound;0</option>
        <option value="20">Sponge +&pound;20</option>
        <option value="30">Chocolate +&pound;30</option>
      </select></p>
      <p><b>Tiers:</b><br /><select name="tiers">
        <option>1 Tier +&pound;0</option>
        <option>2 Tiers +&pound;20</option>
        <option>3 Tiers +&pound;40</option>
        <option>4 Tiers +&pound;60</option>
        <option>5 Tiers +&pound;80</option>
        <option>6 Tiers +&pound;100</option>
      </select></p>
      <p><input type="submit" value="Submit Message"/><input type="reset" /></p>
    </div>

    <div id="right">
      <p><b>Email:</b><br /><input type="text" name="email" /></p>
      <p><b>Mobile Number:</b><br /><input type="text" name="mobile" /></p>
      <p><b>Address Line 2:</b><br /><input type="text" name="address2" /></p>
      <p><b>County:</b><br /><input type="text" name="county" /></p>
      <p><b>Message:</b><br /><textarea name="message" cols=30 rows=2></textarea></p>
      <p><b>Extras:</b><br />
         <input type="checkbox" id="selecteddecorativebox" value="25" />Decorative Box +&pound;25<br />
         <input type="checkbox" id="selecteddelivery" value="20" checked/>25 Mile Maximum Delivery +&pound;20<br /></p>
		 <h4>Estimated Price: &pound;<script type="text/javascript">
          var base = 100;
		  var quote = base + caketype + tiers + decorativebox + delivery;
		  document.write(quote);
        </script><button type="button" onclick="refresh()">Refresh</button></h4>
		 
		<div id=output><br /></div>
    </div>
      </form>

Thanks

I have the following piece of script to write a line in HTML which is variable; the variable 'bunting' is the path and filename (which varies depending on site where page resides):

<CODE>
<script language="JavaScript" type="text/javascript">
<!--
document.write('<div id="ic1" style="background-image:url(' + bunting + ');">');
//-->
</script>
</CODE>

This works in most browsers, but in Firefox 3.0.4, it fails to render, and instead generates a piece of literal text:
');//-->
on the page.
I've read, and re-read the script, and believe it to be correct (with the single quote marks being the javascript delimiters and the double quotes being the html delimiters. I've also tried various combinations of creating piecemeal variables and then creating a final variable by concatenating the pieces. Any help would be greatly appreciated.

I have this script and it is performing the calculations to provide an instant price quote script fine in IE and also making only certain boxes editable when a certain radio button is clicked. However in Firefox or Safari it isn't working.

Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

td.calchead{
width:75px;
background:none;
border-top:thin solid black;
text-align:right;
}

td.calc{
width:75px;
background:none;
border:thin solid black;
text-align:right;
}

td.products{
float:right;
text-align:right;
border:1px solid black;
}
td.inputs{
width:200px;
float:right;
text-align:right;
}

p.products{
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif, 14px;
}

p.inputs{
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif, 14px;
}

input.inputs{
width:30px;
background-color:CCCCCC;
}
p.calculate{
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif, 14px;
}
</style>

<?php
$header = $_POST['header'];
$productid = $_POST['group1'];
$width = $_POST['width'];
$height = $_POST['height'];
$openings = $_POST['openings'];
$clearpanel = $_POST['clearpanel'];
$resident = $_POST['resident'];
$color = $_POST['color'];
$motor = $_POST['motor'];


$priceperheader=.5833;

//error checking, ensures all variables are numeric between calculatable values 0 and 999
if($width>=0 && $width<=999 && $height>=0 && $height<=999 && $openings>=0 && $openings<=999 && $clearpanel>=0 && $clearpanel<=999)
{
$width2=$width+6;
$height2=$height+6;

if($productid == 'Roll-down Shutters')
{
$height2=$height2+4;
}

$wh=$width2*$height2;

if($header=='yes')
{
$he=$openings*$width;
$he=$he*$priceperheader;
}
else
{
$he=0;
}

if($resident=='yes')
{
$tax=1.085;
}
else
{
$tax=1;
}


if($motor=='2')
{
$motor=488*$openings;
}
else
{
$motor=0;
}
//$cl=$clearpanel*$priceperclearpanel;
//echo('  ' + $wh + ' '  + $he + ' ' + $cl + '  ');

//divide sq ft by 144 to get sq inches
////.050 alum =$4.94 per sq ft
////24 gauge steel =$3.72 per sq ft                                                                            
////change Protexan to Lexan =9.94 sq ft
////roll downs = $24.99 per sq ft motor = $488.
////bahama impact = 25.99 sq ft no impact 21 per sq ft
////colonial impact = 25.99 and non = 21 sq ft
////Hurricane Fabric $6.38 per sq ft


//All prices are self install only installation is extra and highly reccommended
////F track = $1.79 per ft 
////H track = $2.29 per ft 
////Texas residents add 8.25 percent sales tax

//Standard Clamshell<input type='radio' name='group1' value='Standard Clamshell' onFocus="enable5()"><br />
//Impact Clamshell<input type='radio' name='group1' value='Impact Clamshell' onFocus="enable5()"><br />  
//.063 Aluminum Panels<input type='radio' name='group1' value='.063 Aluminum Panels' onFocus="enable1()"><br />
//Accordian Shutters<input type='radio' name='group1' value='Accordian Shutters' onFocus="enable4()" /><br />
function sum($productid, $priceperopening, $wh, $he, $tax, $motor, $width, $height, $width2, $height2)
{
$wh=$wh*$priceperopening;

$subtotal=$wh+$he;
$subtotal=$subtotal+$motor;

$total=$subtotal*$tax;
$tax=$total-$subtotal;
echo("<table><tr ><td>Product</td><td>Measured Opening</td><td>Finished Opening</td></tr>
<tr><td >" . $productid . "</td><td align'right'>" . $width . " x " . $height . "</td><td align'right'>" . $width2 . " x " . $height2 . "</td></tr></table>
<table><tr><td></td><td class='calchead'>Shutter</td><td class='calchead'>Header</td><td class='calchead'>Motor</td><td class='calchead'>Tax</td><td class='calchead'>Total</td></tr>
<tr><td>$</td><td class='calc'>". money_format('%.2n',$wh) . "</td><td width='30' class='calc'>". money_format('%.2n',$he) . "</td><td width='30' class='calc'>" . money_format('%.2n',$motor) . "</td><td width='30' class='calc'>" . money_format('%.2n',$tax) . "</td><td align='right' class='calc'>$" . money_format('%.2n',$total) . "</td></tr></table>");
}

if($productid == '.050 Aluminum Panels')
{
$priceperopening=.03431;

sum($productid, $priceperopening, $wh, $he, $tax, $motor, $width, $height, $width2, $height2);
}

if($productid == '24 gauge steel')
{
$priceperopening=.02583;

sum($productid, $priceperopening, $wh, $he, $tax, $motor, $width, $height, $width2, $height2);
}

if($productid == 'lexan')
{
$priceperopening=.0659;

sum($productid, $priceperopening, $wh, $he, $tax, $motor, $width, $height, $width2, $height2); 
}
if($productid == 'Roll-down Shutters')
{
$priceperopening=.17354;
sum($productid, $priceperopening, $wh, $he, $tax, $motor, $width, $height, $width2, $height2);
}

if($productid == 'Impact Bahama Shutters')
{
$priceperopening=.18049;

sum($productid, $priceperopening, $wh, $he, $tax, $motor, $width, $height, $width2, $height2);
}
if($productid == 'Impact Colonial Shutters')
{
$priceperopening=.18049;
sum($productid, $priceperopening, $wh, $he, $tax, $motor, $width, $height, $width2, $height2);
}
if($productid == 'Hurricane Fabric')
{
$priceperopening=.04431;
sum($productid, $priceperopening, $wh, $he, $tax, $motor, $width, $height, $width2, $height2);
}
if($productid == 'Non-Impact Bahama Shutters')
{
$priceperopening=.14583;
sum($productid, $priceperopening, $wh, $he, $tax, $motor, $width, $height, $width2, $height2);
}
if($productid == 'Non-Impact Colonial Shutters')
{
$priceperopening=.14583;
sum($productid, $priceperopening, $wh, $he, $tax, $motor, $width, $height, $width2, $height2);
}

}
else
{echo('Please make sure to enter numbers greater than zero and less than 999 in all required fields.');}

$header='';
?>
<script type='text/javascript'>
//white() clears backs of inputs to white and is called from eable functions
function white(){
document.getElementById("header").style.background='#ffffff';
document.getElementById("width").style.background='#ffffff';
document.getElementById("height").style.background='#ffffff';
document.getElementById("openings").style.background='#ffffff';
document.getElementById("resident").style.background='#ffffff';
document.getElementById("color").style.background='#ffffff';
document.getElementById("motor").style.background='#ffffff';
}

//enable1-5() enables particular requested fields specific for product type and disables unused fields.
function enable1()
{
white();
document.getElementById("header").disabled='';
document.getElementById("width").disabled='';
document.getElementById("height").disabled='';
document.getElementById("openings").disabled='';
document.getElementById("resident").checked='';
document.getElementById("resident").disabled='';
document.getElementById("color").style.background='#CCCCCC';
document.getElementById("color").value='';
document.getElementById("color").disabled='true';
document.getElementById("motor").style.background='#CCCCCC';
document.getElementById("motor").value='';
document.getElementById("motor").disabled='true';
}
function enable2()
{
white();
document.getElementById("header").disabled='';
document.getElementById("width").disabled='';
document.getElementById("height").disabled='';
document.getElementById("openings").disabled='';
document.getElementById("resident").checked='';
document.getElementById("resident").disabled='';
document.getElementById("color").value='';
document.getElementById("color").style.background='#CCCCCC';
document.getElementById("color").disabled='true';
document.getElementById("motor").value='';
document.getElementById("motor").style.background='#CCCCCC';
document.getElementById("motor").disabled='true';
}

function enable3()
{
white();
document.getElementById("header").checked='';
document.getElementById("header").style.background='#CCCCCC';
document.getElementById("header").disabled='true';
document.getElementById("width").disabled='';
document.getElementById("height").disabled='';
document.getElementById("openings").disabled='';
document.getElementById("resident").disabled='';
document.getElementById("resident").checked='';
document.getElementById("color").disabled='';
document.getElementById("motor").disabled='';
}

function enable4()
{
white();
document.getElementById("header").checked='';
document.getElementById("header").style.background='#CCCCCC';
document.getElementById("header").disabled='true';
document.getElementById("width").disabled='';
document.getElementById("height").disabled='';
document.getElementById("openings").disabled='';
document.getElementById("resident").checked='';
document.getElementById("resident").disabled='';
document.getElementById("color").disabled='';
document.getElementById("motor").style.background='#CCCCCC';
document.getElementById("motor").value='';
document.getElementById("motor").disabled='true';
}

function enable5()
{
white();
document.getElementById("header").checked='';
document.getElementById("header").disabled='true';
document.getElementById("header").style.background='#CCCCCC';
document.getElementById("width").disabled='';
document.getElementById("height").disabled='';
document.getElementById("openings").disabled='';
document.getElementById("resident").checked='';
document.getElementById("resident").disabled='';
document.getElementById("color").value='';
document.getElementById("color").disabled='true';
document.getElementById("color").style.background='#CCCCCC';
document.getElementById("motor").value='';
document.getElementById("motor").disabled='true';
document.getElementById("motor").style.background='#CCCCCC';
}
</script>



<title>Estimator</title>
</head>

<body>
<div>
<table>
<tr>
<td><p class='products'>First, select a product</p></td>
<td><p class='inputs'>Then, enter dimensions and select options (in inches) that appear in white</p></td>
</tr>
<tr>
<td class='products'>
<form width='550' name='form01' method='post' action='http://www.windowguardoftexas.com/estimator.php'>
.050 Aluminum Panels<input type='radio' name='group1' value='.050 Aluminum Panels' onFocus="enable1()"><br />
24 Gauge Steel<input type='radio' name='group1' value='24 gauge steel' onFocus="enable1()"><br />
Lexan<input type='radio' name='group1' value='lexan' onFocus="enable2()"><br />
Roll-down Shutters<input type='radio' name='group1' value='Roll-down Shutters' onFocus="enable3()"><br />
Impact Bahama Shutters<input type='radio' name='group1' value='Impact Bahama Shutters' onFocus="enable4()"><br />
Impact Colonial Shutters<input type='radio' name='group1' value='Impact Colonial Shutters' onFocus="enable4()"><br />
Hurricane Fabric<input type='radio' name='group1' value='Hurricane Fabric' onFocus="enable5()"><br />   
Non-Impact Bahama Shutters<input type='radio' name='group1' value='Non-Impact Bahama Shutters' onFocus="enable4()"><br />
Non-Impact Colonial<input type='radio' name='group1' value='Non-Impact Colonial Shutters' onFocus="enable4()"><br />
</td>
<td class='inputs'>	 					
Add Header and F-track to openings:&nbsp;<input type='checkbox' name='header' class='inputs' value='yes' disabled="disabled"/><br />
        Width:&nbsp;<input type='text' class='inputs' name='width' value='' maxlength='3'disabled='disabled' /><br />
        Height:&nbsp;<input type='text' class='inputs' name='height' value='' maxlength='3' disabled='disabled' /><br />
        Openings:&nbsp;<input type='text' class='inputs' name='openings' value='' maxlength='3' disabled='disabled' /><br />
        Texas Resident&nbsp;<input type='checkbox' name='resident' class='inputs' value='yes' disabled="disabled"/><br />
        Color:&nbsp;<select name="color" id='color' class='inputs' disabled='disabled'><br />
			<option value="0" >--Select Color--</option>
			<option value="1" >White</option>
			<option value="2">Bronze</option>
 			<option value="3">Ivory</option>
            <option value="3">Beige</option>
        </select>
        <br />
         Motor:&nbsp;<select name="motor" class='inputs' disabled="disabled"><br />
			<option value="0">--Select Motor--</option>
            <option value="1">None</option>
			<option value="2" >Standard</option>
        </select>
        <br /><br />
       <p class='calculate'>Finally, press calculate</p>
        <input type='reset' name='Submit2' value='Reset'>
        <input type='submit' name='Submit' value='Calculate'>
</td>
</form>
</tr>
<tr><td>All prices are self install only, installation</td><td>is extra and highly reccommended</td></tr>
</table>
</div>
</body>
</html>

How do I get this to work in Firefox and Safari? Why would it work in IE but not the others?

I have a small form that I'm working on for a client. They want a form that their potential leads can fill out and then hit 'calculate rate'.

Once this is done, the results should display on another page with a short summary of what their quote will be as well as some of the other information they filled out. It should also send an email to my client displaying the information that their lead just filled out. My only problem is I am not sure how to go about the calculation part. I know I would have to do an onSubmit, but how would I hide that calculation and then receive that number on another page. Here is the javascript for that form:

Code:

/*
This source is shared under the terms of LGPL 3
www.gnu.org/licenses/lgpl.html

You are free to use the code in Commercial or non-commercial projects
*/

 //Set up an associative array
 //The keys represent the size of the cake
 //The values represent the cost of the cake i.e A 10" cake cost's $35
 var practice_field = new Array();
practice_field["None"]=0;
practice_field["Allergy and Immunology"]=4400;
practice_field["Endocrinology"]=4400;
practice_field["Pathology"]=4400;
practice_field["Dermatology"]=4400;
practice_field["Geriatrics"]=4400;
practice_field["Physical Rehabilitation"]=4400;
practice_field["Family Practice"]=6900;
practice_field["General Practice"]=6900;
practice_field["Internal Medicine"]=6900;
practice_field["Oncology"]=6900;
practice_field["Oral Surgery"]=6900;
practice_field["Radiology"]=6900;
practice_field["Gastroenterology"]=6900;
practice_field["Infectious Disease"]=6900;
practice_field["Nephrology"]=6900;
practice_field["Ophthalmology"]=6900;
practice_field["Pediatrics"]=6900;
practice_field["Urology"]=6900;
practice_field["Anesthesiology"]=9000;
practice_field["Cosmetic Surgery"]=9000;
practice_field["General Surgery"]=9000;
practice_field["Neurology"]=9000;
practice_field["Otolaryngology"]=9000;
practice_field["Plastic Surgery"]=9000;
practice_field["Vascular Surgery"]=9000;
practice_field["Cardiology"]=9000;
practice_field["Emergency Medicine"]=9000;
practice_field["Gynecology"]=9000;
practice_field["Orthopedic Surgery"]=9000;
practice_field["Pain Management"]=9000;
practice_field["Pulmonary Surgery"]=9000;
practice_field["Neurological Surgery"]=9900;
practice_field["Obstetrics"]=9900;

 
 //Set up an associative array 
 //The keys represent the filling type
 //The value represents the cost of the filling i.e. Lemon filling is $5,Dobash filling is $9
 //We use this this array when the user selects a filling from the form
 var society_member= new Array();
 society_member["None"]=null;
society_member["BCMA"]=0.10;
society_member["DCMA"]=0.10;
society_member["FOGS"]=0.10;
society_member["FNS"]=0.10;
society_member["PBCMS"]=0.10;
society_member["FSPS"]=0.10;
 
//This function finds the filling price based on the 
//drop down selection
function getPracticeField()
{
    var docPracticeField=0;
    //Get a reference to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the select id="filling"
     var selectedPracticeField = theForm.elements["practice"];
     
    //set cakeFilling Price equal to value user chose
    //For example filling_prices["Lemon".value] would be equal to 5
    docPracticeField = practice_field[selectedPracticeField.value];

    //finally we return cakeFillingPrice
    return docPracticeField;
}	 
	 


//This function finds the filling price based on the 
//drop down selection
function getSelectedSociety()
{
    var docSelectedSociety=0;
    //Get a reference to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the select id="filling"
     var selectedSociety = theForm.elements["society"];
     
    //set cakeFilling Price equal to value user chose
    //For example filling_prices["Lemon".value] would be equal to 5
    docSelectedSociety = society_member[selectedSociety.value];

    //finally we return cakeFillingPrice
    return docSelectedSociety;
}

//candlesPrice() finds the candles price based on a check box selection
function candlesPrice()
{
    var candlePrice=0;
    //Get a reference to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the checkbox id="includecandles"
    var includeCandles = theForm.elements["includecandles"];

    //If they checked the box set candlePrice to 5
    if(includeCandles.checked==true)
    {
        candlePrice=0;
    }
    //finally we return the candlePrice
    return candlePrice;
}

function insciptionPrice()
{
    //This local variable will be used to decide whether or not to charge for the inscription
    //If the user checked the box this value will be 20
    //otherwise it will remain at 0
    var inscriptionPrice=0;
    //Get a refernce to the form id="cakeform"
    var theForm = document.forms["cakeform"];
    //Get a reference to the checkbox id="includeinscription"
    var includeInscription = theForm.elements["includeinscription"];
    //If they checked the box set inscriptionPrice to 20
    if(includeInscription.checked==true){
        inscriptionPrice=0;
    }
    //finally we return the inscriptionPrice
    return inscriptionPrice;
}
        
function calculateTotal()
{
    //Here we get the total price by calling our function
    //Each function returns a number so by calling them we add the values they return together
    var cakePrice = getPracticeField() + null - (getPracticeField() * getSelectedSociety()) + candlesPrice() + insciptionPrice();
    
    //display the result
    var divobj = document.getElementById('totalPrice');
    divobj.style.display='block';
    divobj.innerHTML = "Your Pre-Paid Legal Defense Fee Will Be Around $"+cakePrice;

}

function hideTotal()
{
    var divobj = document.getElementById('totalPrice');
    divobj.style.display='none';
}

If you look at the bottom you can see where the Function that Calculates everything is. Right now it calculates onClick. I just want it to calculate after the user has filled out the form completely and display that calculation on another page along with the rest of the information they inputted.

I have a JavaScript application that needs to preserve double quote marks and apostrophes (" and ') that are entered into form fields by the user. The form data is passed through several screens using hidden fields.

Right now, apostrophes work because I have the input fields coded as value="". I have not found a way for JavaScript to retrieve the field's value if double quotes are entered by the user. If I change the parameter to value='' (single quotes) then the apostrophes probably won't work.

Is there a straightforward way for JavaScript to retrieve the field value containing quotes, so that I can manipulate it into a different string that can be easily passed between HTML pages?

Hello.

I'm new here and learning JavaScript.

Could you help me to write very simple script to auto generate user name ?

From any letters. Min 6 - Max 10.


Like: "jgFJFJ" "KGHGyvk" etc.

Please help.

I have a piece of code that randomly picks a line from a preset list and displays it whenever the page is loaded. I'm using it to generate random quotes on my pages.

At the moment, there seems to be a good chance that when the page loads no quote appears at all, just a blank space.
Anyone know why this could be happening?

the code I am using is:

Code:

<script type="text/javascript">
q0= "<img src=\"images/quotes/01.png\" />";
q1= "<img src=\"images/quotes/02.png\" />";
q2= "<img src=\"images/quotes/03.png\" />";
q3= "<img src=\"images/quotes/04.png\" />";
q4= "<img src=\"images/quotes/05.png\" />";
q5= "<img src=\"images/quotes/06.png\" />";
q6= "<img src=\"images/quotes/07.png\" />";
q7= "<img src=\"images/quotes/08.png\" />";
q8= "<img src=\"images/quotes/09.png\" />";
q9= "<img src=\"images/quotes/10.png\" />";
q10= "<img src=\"images/quotes/11.png\" />";
q11= "<img src=\"images/quotes/12.png\" />";
						
var ran_unrounded=Math.random()*11;
var ran_number=Math.round(ran_unrounded);
                        
document.write(eval("q"+ran_number));
</script>

Hi.

I have a problem with a random link generator within a DIV. When I try it on my desktop it works fine, but does nothing once I upload it to the website.

I'm not sure how to explain what happens, but here is it, more or less:

The website is this:

http://torcacita.atspace.com

Via an Ajax script, http://torcacita.atspace.com/menu.html is loaded into DIV "menu". Here's the script:

<script type="text/javascript">
ajaxpage('menu.html', 'menu') //load "menu.html" into "menu" DIV
</script>

Well, there's another load of stuff inside the <head> tag. You may see it from the main page source code.

Anyway, if you go to the menu.html, the link generator will work there as it is intended; however, if you try it from the main page, it won't do anything. But people are not suppossed to go to menu.html. They are suppossed to load it from the index.html (I mean, plain http://torcacita.atspace.com)

So, here's the link generator code:
---------------------------------
<script type="text/javascript">
function randomlinks(){
var myrandom=Math.round(Math.random()*9)
var links=new Array()
links[0]="http://www.javascriptkit.com"
links[1]="http://www.dynamicdrive.com"
links[2]="http://www.cssdrive.com"
links[3]="http://www.codingforums.com"
links[4]="http://www.news.com"
links[5]="http://www.gamespot.com"
links[6]="http://www.msnbc.com"
links[7]="http://www.cnn.com"
links[8]="http://news.bbc.co.uk"
links[9]="http://www.news.com.au"

window.location=links[myrandom]
}

</script>
<form>
<input type="button" value="Lo Que Sea" onClick="randomlinks()">
</form>
---------------------------------
I believe this could be solved if I could target the generator to the whole window, 'cause maybe it's trying to open the new page inside the DIV. Well, I don't know...

So, what do you think? Could somebody help me?

Hey I'm somewhat new to the javascript world because 95% of my website is HTML so, if you will, I need help writing the javascript for a Random Question Generator...basicly all I have is

Code:

<script type="text/javascript">
var Q = new Array()
Q[1] = "What is your favorite color?";
Q[2] = "What is your favorite animal?";
Q[3] = "What is your favorite place?";
</script>

In the real one, there will be about 20 questions and I will need it to choose a quetion randomly out of the 20. As I said i am a beginer so as simple as possible would be great. Thank You for your help in advance

Hi there...
actually i am working on a project "random password generator". What basically is to be done in this project is to generate user password for the username randomly he has provided. Then, this password is to be stored in a text file in the following manner
UserName Password
ABCD JU12H6
Sdjksj HJudfdsfd
Now my problem is that every time I just try to generate a new password, either a new file is made or the heading is rewritten again and again or if I just try to change the variables true and false, then the username and password headings are not printed. Please help. If someone knows how to do this using if-else method then please tell me, how it can be done?
The code is attached.


Code:

<html>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
function GetSelectedItem() 
{
	chosen = "";
	for (i = 0; i <3; i++) 
	{
		if (document.myform.opt[i].checked) 
		{
			chosen = document.myform.opt[i].value;
		}
	}

	if (chosen == "") 
	{
		alert("Choose your password type")
		exit;
	}
return chosen;
}

function getPassword(usnm,length,opti) 
{
	if(usnm=="")
	{
		alert("Enter user name");
		exit;
	}
	var optsel=GetSelectedItem();
	var num = "0123456789";
	var alpha = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
	var alphanum = "0123456789abcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
	var pass = "";
	if(length!=5 && length!=6 && length!=7 && length!=8 && length!=9 && length!=10)
	{
		alert("Enter password length between 5 and 10");
		exit;
	}
	else
	{
		if (optsel==1)
		{
			for(x=0;x<length;x++)
			{
				i = Math.floor(Math.random() * 72);
				pass += alphanum.charAt(i);
			}
		}

		else if (optsel==2)
		{
			for(x=0;x<length;x++)
			{
				i = Math.floor(Math.random() * 10);
				pass += num.charAt(i);
			}
		}
	
		else if (optsel==3)
		{
			for(x=0;x<length;x++)
			{
				i = Math.floor(Math.random() * 52);
				pass += alpha.charAt(i);
			}
		}
		WriteToFile(usnm,pass);
		return pass;
	}
}
function WriteToFile(usnm,pass)
{
	try
	{
		var fso1=new ActiveXObject("Scripting.FileSystemObject");
		var pf1=fso1.OpenTextFile("Password.text",8);
		//if(pf=='false')
	
	//var fso=new ActiveXObject("Scripting.FileSystemObject");
		//dspf=fso.OpenTextFile("Password.txt",8,true);
		//pf.WriteLine("Username\t\tPassword");
		pf1.WriteLine(usnm+'\t\t'+pass);
		pf1.Close();
	}
	catch(err)
	{
	var fso=new ActiveXObject("Scripting.FileSystemObject");
	pf=fso.CreateTextFile("Password.txt",8,false);
	pf.WriteLine("Username\t\tPassword")
	pf.WriteLine(usnm+'\t\t\t'+pass);
	pf.Close();
	}
	
	
//	fso= null;
	/*
	else
	{
		//var fso = new ActiveXObject("Scripting.FileSystemObject");
		var s = fso.CreateTextFile("D:\\Password.txt", true);
		s.WriteLine('Username\t\tPassword');
		//while(s.next())
		s.WriteLine(usnm+'\t\t'+pass);
		s.Close();
	}*/ 
	
	/*var fso = new ActiveXObject("Scripting.FileSystemObject");
	var s = fso.OpenTextFile("D:\\Password.txt",8, true);
	s.WriteLine('Username\t\tPassword');
	//while(s.next())
	s.WriteLine(usnm+'\t\t'+pass);
	s.Close();*/
}

</script>

</HEAD>

<BODY>

<center>
<table width=80% border=0>
<tr align=center>
<td>
<form name="myform">
<table border=0>
<tr>
<td>
Enter Username:
</td>
<td>
<input type=text name=userName value="" size=20>
</td>
</tr>
<tr>
<td>
Chooose Password type:</td>
<td>
<input type="radio" name="opt" value="1" >Alphanumeric
<input type="radio" name="opt" value="2">Numeric
<input type="radio" name="opt" value="3">Alphabetic
</td>
</tr>
<tr>
<td>
</tr>
<tr>
<td>
Password length:
</td>
<td>
<input type=text name=passwordLength value="" size=2>
</td>
</tr>
</table>
</td>
</tr>
<tr align=center>
<td>
New password: 
<input type=text name=password size=20>
<br>
<input type=button value="Generate password" onClick="document.myform.password.value =
getPassword(document.myform.userName.value,document.myform.passwordLength.value,
document.myform.opt.checked);">
</form>
</td>
</tr>
</table>
</center>


</html>

Hi, my assignment is to create an online quiz with a random image generator. I have created my online quiz using 5 linking files and everything works great. My only problem is getting the images to show up on my quiz. All I get is the filename with a red X. Which the files do show up at random when I refresh, so I know that part is working. I just don't know what I am missing to get the actual picture to show up. Please take a look at my code below and see if I am missing anything. Please keep in mind this isn't the whole code as I have different linking files for this assignment. Thank you in advance.

Code:

<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!-- Assignment CH10 Solution -->
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>Online Quiz</title>
<script type = "text/JavaScript">

<!--
var rimg = 0;
var pictures = [ "logo", "logo2", "logo3", "logo1", "cover" ];

function randpics(){
var myQuiz = document.getElementById( "myQuiz" );
rimg = Math.floor( Math.random() * 5 ); 
myQuiz.logo.src = pictures[rimg]+'.gif';
myQuiz.logo.alt = rimg + ' : ' +pictures[rimg];
}

function checkAnswers() {
var myQuiz = document.getElementById( "myQuiz" );

if ( myQuiz.elements [ 0 ].checked )
alert ( "Congratulations, your answer is correct" );
else // if the answer is incorrect
alert ( "Your answer is incorrect. Please try again" );
} // end function checkAnswers 

-->

</script>
</head>
<body onload="randpics()">
<form id = "myQuiz" onsubmit = "return checkAnswers()" action = "">
<img name="logo" src="logo.gif" alt="javascript logo"/>
<br /> 
<p>Which company first implemented the JavaScipt language?<br />


<input type = "radio" name = "radiobutton" value = "logo" />
<label>Netscape Communications Corp.</label>

<input type = "radio" name = "radiobutton" value = "logo2" />
<label>Microsoft Corp.</label>

<input type = "radio" name = "radiobutton" value = "logo3" />
<label>Sun Microsystems Corp.</label>

<input type = "radio" name = "radiobutton" value = "logo1" />
<label>Consortium of all the companies</label><br />

<input type = "submit" name = "submit" value = "Submit" />
<input type = "reset" name = "reset" value = "Reset" />
</p>
</form>

<p>
Click here to continue <a href = "page1.html" target="_self">Next Question</a>
</p>
</body>
</html>

Hello,

I want to make myself a tool where if I paste in multiple lines of text cells (most likely from Excel, but that shouldn't matter), it will generate the pre-file extension and the ending file extension and echo it back on the page (not saving or storing, just temporary).

I have no trouble creating a form in javascript (or php) that could input the extension automatically for 1 item, but I was wondering if it's possible for a list of multiples within the same form box?

For example, I want to copy and paste this set of assets from excel into my form box:
asset1
asset2
asset3
asset4
asset5
asset6
asset7


Submit it and receive an echo on the page of this. The stuff in bold will always be the same, just wrapped around the asset i inputted into the form.
/f1/blah/example/asset1.xml
/f1/blah/example/asset2.xml
/f1/blah/example/asset3.xml
/f1/blah/example/asset4.xml
/f1/blah/example/asset5.xml
/f1/blah/example/asset6.xml
/f1/blah/example/asset7.xml

I was able to create the form for 1 item, but not multiple.
I just started to learn... so please don't be mad or flame me!! I am just wondering how difficult it is to learn to make this.

Thanks!