|
JavaScript - State Field For Copying Shipping Same As Billing Not Working
Hello all,
I am trying to copy the billing information to be the same as the shipping information when they select the checkbox. Everything seems to work except for the State field which is a drop down. Depending on what country they select, the state field will automatically populate. Does anyone know how I can copy the billing state to be the same as shipping as well? Text file attached. Thanks in advance. Similar TutorialsHere is what I'm envisioning: The user selects a state, then in the 'Cities' box, he starts typing the name of his city. However, it autocompletes the name for him based on the state he chose. So if he chose California and started typing in "Los Angeles", it would autocomplete "Los Angeles" for him. Does that make sense? Is there a script out there that can do this? The guy who originally coded this is no longer with us and we can't seem to figure out why this code isn't working. Neither of us really know JS. I've messed with jQuery more than I've messed with straight up JS but even that is limited knowledge. Basically this code is supposed to keep track of the left navigation so when it goes to a new page it holds the opened menus open. Here's a snippet of HTML: Code: <ul id="leftnav">
<li class="widthT1">
<div id="2042-open" style="display: none;"><a href="javascript:treeToggle('2042', 'open', '/JobSeekers/Recently_Unemployed/index.aspx');" class="orangePlus">Recently Unemployed</a></div>
<div id="2042-close" style="margin-bottom:10px;"><a href="javascript:treeToggle('2042', 'close');" class="orangeMinus">Recently Unemployed</a>
<!--<div class="fix1"><hr class="grey1HR"/></div>-->
<ul class="fix4">
<li>
<div id="2063-open" style="display: none;"><a href="javascript:treeToggle('2063', 'open', '/JobSeekers/Recently_Unemployed/Apply_for_Unemployment_Insurance_Benefits/index.aspx');" class="orangePlusGT2">Apply for Unemployment Insurance Benefits</a></div>
<div id="2063-close"><a href="javascript:treeToggle('2063', 'close');" class="orangeMinusGT2">Apply for Unemployment Insurance Benefits</a>
<!--<div class="fix2"><hr class="grey2HR"/></div>-->
<ul>
The above is repeated but that should be enough to show you what it's doing? Here's the JS: Code: function getTreeStateArray()
{
var empty = new Array();
var soc = document.cookie.indexOf("treestate=");
if(soc != -1)
{
var eoc = document.cookie.indexOf("-", soc);
if(eoc == -1)
eoc = document.cookie.length;
return(unescape(document.cookie.substring(soc+10, eoc)).split("-"));
}
return(empty);
}
function setTreeStateArray(treeState)
{
document.cookie = "treestate=" + escape(treeState.join("-"));
}
function restoreTreeState(treeID)
{
var treestate = getTreeStateArray();
var i, j, treeNodeName, treeElements;
treeElements = document.getElementById(treeID).getElementsByTagName("div");
for(i = 0; i < treeElements.length; i++)
{
var sosuffix = treeElements[i].id.indexOf('-close');
if(sosuffix == -1)
sosoffix = treeElements[i].id.indexOf('-open');
if(sosuffix != -1)
{
var nodeName = treeElements[i].id.substring(0, sosuffix);
var found = false;
for(j = 0; j < treestate.length; j++)
{
if(treestate[j] == nodeName)
found = true;
}
if(found == true)
{
document.getElementById(nodeName + '-open').style.display = 'none';
document.getElementById(nodeName + '-close').style.display = 'block';
}
else
{
document.getElementById(nodeName + '-open').style.display = 'block';
document.getElementById(nodeName + '-close').style.display = 'none';
}
}
}
}
function removeNodeFromTreeState(nodeName)
{
var treestate = getTreeStateArray();
var newTreeState = new Array();
var i, treeNodeName;
for(i = 0; i < treestate.length; i++)
{
treeNodeName = treestate[i];
if(treeNodeName != nodeName)
newTreeState.push(treeNodeName);
}
setTreeStateArray(newTreeState);
}
function addNodeToTreeState(nodeName)
{
var treestate = getTreeStateArray();
var newTreeState = new Array();
var i, treeNodeName;
for(i = 0; i < treestate.length; i++)
{
treeNodeName = treestate[i];
if(treeNodeName == nodeName)
return;
newTreeState.push(treeNodeName);
}
newTreeState.push(nodeName);
setTreeStateArray(newTreeState);
}
function treeToggle(treeNodeName, treeNodeState, followLink)
{
if(treeNodeState == 'open')
{
addNodeToTreeState(treeNodeName);
document.getElementById(treeNodeName + '-open').style.display =
'none';
document.getElementById(treeNodeName + '-close').style.display =
'block';
if(typeof(followLink) != 'undefined')
window.location.href = followLink;
}
else
{
removeNodeFromTreeState(treeNodeName);
document.getElementById(treeNodeName + '-open').style.display =
'block';
document.getElementById(treeNodeName + '-close').style.display =
'none';
}
}
What happens is it remembers the first thing you click on, but nothing more. We looked at the cookie value and it seems to be right. 4digit number followed by - followed by 4 more digits etc etc (0000-0001-0002 etc) If anyone could help that would be wonderful. Thanks for any and all help, Justin Hi. I'm using the following script to allow a user to automatically fill some fields based on their previous entries. It works in FF, but doesn't work in IE. I'm not a js genie so hopefully one of you can help me out here. Thanks. js: Code: function shipsame(form){
if(form.sameasbilling.checked){
form.firstnameb.value = form.firstname.value;
form.lastnameb.value = form.lastname.value;
form.address1b.value = form.address1.value;
form.address2b.value = form.address2.value;
form.towncityb.value = form.towncity.value;
form.stateb.value = form.state.value;
form.zipcodeb.value = form.zipcode.value;
}else{
form.firstnameb.value = "";
form.lastnameb.value = "";
form.address1b.value = "";
form.address2b.value = "";
form.towncityb.value = "";
form.stateb.value = "";
form.zipcodeb.value = "";
}
}
html: Code: <legend>Billing Address</legend>
<ol>
<li style="line-height:300%;">
<input type="checkbox" name="sameasbilling" value="yes"
onClick="shipsame(this.form);"><span> Same as Shipping Address</span>
</li>
<li>
<label for="firstnameb">First Name</label>
<input id="firstnameb" name="firstnameb" value="<?php echo $cart->p_fnameb(); ?>" />
<script type="text/javascript">
var firstnameb = new LiveValidation('firstnameb');
firstnameb.add(Validate.Presence);
</script>
</li>
Can someone PLEASE show me what I am doing wrong with my code here? Basically, I have a registration form. In this registration form, I have 4 people register. It depends on each person birthyear to determine the amount of fees for each person. The fees a Registration Fee, Hotel Fee, Meal Fee, Discount Also, the trick is only first and second persons get Hotel Fee and Discount Fee. Third and Fourth person only pay Registration Fee and Meal Fee. So when user select birthyear from a dropdown menu for each person, the fees will be automatically filled in the input fields for each person and then do a total calculation. Each person will have a total of fees and there is another total field to automatically total up all 4 total fields from those 4 people. So here is my code so far Javascript Code: <script type="text/javascript">
function doUpdate(year, num)
{
if (isNaN(year)) return;
var regfee = '0';
var meal = '0';
var hotel = '0';
//REGISTRATION Price
if (year >= 2000)
{
regfee = '0';
}
else if (year < 2000 && year > 1995 )
{
regfee = '20';
}
else
{
regfee = '30';
}
//MEAL Price
if (year < 2001)
{
meal = '80';
}
else if (year >= 2001 && year <= 2009)
{
meal = '60';
}
else
{
meal = '0';
}
// HOTEL Price
if(document.getElementById('year1').value!='')
{
hotel='199';
}
else if (document.getElementById('year2').value!='')
{
hotel='199';
}
//DISCOUNT Price
if (document.getElementById('vip'+num).checked==true)
{
if (year > 1993)
{
discount = '0';
}
else if (year == 1993)
{
discount = '0';
}
else
{
discount = '-20';
}
}
else
{
if (year > 1993)
{
discount = '0';
}
else if (year == 1993)
{
discount = '0';
}
else
{
discount = '-10';
}
}
document.getElementById('regfee' + num).value = regfee;
document.getElementById('meal' + num).value = meal;
if(document.getElementById('year1').value!=''){
document.getElementById('hotel1').value = hotel;
document.getElementById('discount1').value = discount;
//Write to total field for second person
document.getElementById('total1').value = parseInt(regfee)+parseInt(meal)+parseInt(hotel)+parseInt(discount);
}
if(document.getElementById('year2').value!=''){
document.getElementById('hotel2').value = hotel;
document.getElementById('discount2').value = discount;
//Write to total field for second person
document.getElementById('total2').value = parseInt(regfee)+parseInt(meal)+parseInt(hotel)+parseInt(discount);
}
if(document.getElementById('year3').value!='' && document.getElementById('year4').value!=''){
document.getElementById('hotel3').value == '0';
document.getElementById('discount3').value == '0';
document.getElementById('hotel4').value == '0';
document.getElementById('discount4').value == '0';
// Write to total fields for third and fourth person
document.getElementById('total3').value = parseInt(regfee)+parseInt(meal);
document.getElementById('total4').value = parseInt(regfee)+parseInt(meal);
}
// Write to subtotal field by sum up all 4 total fields
document.getElementById('subtotal1').value = parseInt(document.getElementById('total1').value) + parseInt(document.getElementById('total2').value) + parseInt(document.getElementById('total3').value) + parseInt(document.getElementById('total4').value);
}
</script>
and here is my form Code: <form action="form.html" method="post" class="js_submit" name="form1" id="form1"> <table> <tr> <td>VIP</td> <td>Birthyear</td> <td>Registration Fee</td> <td>Hotel Fee</td> <td>Meal Fee</td> <td>Discount</td> <td>Total</td> </tr> <!-----------First Persion -------------------> <tr> <td><input type="checkbox" name="vip1" id="vip1" value="Y" class="inpt_c" /></td> <td><select name="year1" id="year1" onchange='doUpdate(this.value * 1,1);'> <option selected="selected"></option> <option value="2011">2011<option> <option value="2010">2010</option> <option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> <option value="2001">2001</option> <option value="2000">2000</option> <option value="1999">1999</option> <option value="1998">1998</option> <option value="1997">1997</option> <option value="1996">1996</option> <option value="1995">1995</option> <option value="1994">1994</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> </select></td> <td><input type="text" id="regfee1" name="regfee1" class="inpt_a" value=""/></td> <td><input type="text" value="" id="hotel1" name="hotel1" class="inpt_a" /></td> <td><input type="text" value="" id="meal1" name="meal1" class="inpt_a" /></td> <td><input type="text" value="" id="discount1" name="discount1" class="inpt_a"/></td> <td><input type="text" value="" id="total1" name="total1" class="inpt_a" /></td> </tr> <!------------Second Person -----------------> <tr> <td><input type="checkbox" name="vip2" id="vip2" value="Y" class="inpt_c" /></td> <td><select name="year2" id="year2" onchange='doUpdate(this.value * 1,2);'> <option selected="selected"></option> <option value="2011">2011<option> <option value="2010">2010</option> <option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> <option value="2001">2001</option> <option value="2000">2000</option> <option value="1999">1999</option> <option value="1998">1998</option> <option value="1997">1997</option> <option value="1996">1996</option> <option value="1995">1995</option> <option value="1994">1994</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> </select></td> <td><input type="text" id="regfee2" name="regfee2" class="inpt_a" value=""/></td> <td><input type="text" value="" id="hotel2" name="hotel2" class="inpt_a" /></td> <td><input type="text" value="" id="meal2" name="meal2" class="inpt_a" /></td> <td><input type="text" value="" id="discount2" name="discount2" class="inpt_a"/></td> <td><input type="text" value="" id="total2" name="total2" class="inpt_a" /></td> </tr> <!-----------Third Person -------------------> <tr> <td><input type="checkbox" name="vip3" id="vip3" value="Y" class="inpt_c" /></td> <td><select name="year3" id="year3" onchange='doUpdate(this.value * 1,3);'> <option selected="selected"></option> <option value="2011">2011<option> <option value="2010">2010</option> <option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> <option value="2001">2001</option> <option value="2000">2000</option> <option value="1999">1999</option> <option value="1998">1998</option> <option value="1997">1997</option> <option value="1996">1996</option> <option value="1995">1995</option> <option value="1994">1994</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> </select></td> <td><input type="text" id="regfee3" name="regfee3" class="inpt_a" value=""/></td> <td><input type="text" value="" id="hotel3" name="hotel3" class="inpt_a" /></td> <td><input type="text" value="" id="meal3" name="meal3" class="inpt_a" /></td> <td><input type="text" value="" id="discount3" name="discount3" class="inpt_a"/></td> <td><input type="text" value="" id="total3" name="total3" class="inpt_a" /></td> </tr> <!----------Fourth Person --------------------> <tr> <td><input type="checkbox" name="vip4" id="vip4" value="Y" class="inpt_c" /></td> <td><select name="year1" id="year1" onchange='doUpdate(this.value * 1,4);'> <option selected="selected"></option> <option value="2011">2011<option> <option value="2010">2010</option> <option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> <option value="2001">2001</option> <option value="2000">2000</option> <option value="1999">1999</option> <option value="1998">1998</option> <option value="1997">1997</option> <option value="1996">1996</option> <option value="1995">1995</option> <option value="1994">1994</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> </select></td> <td><input type="text" id="regfee4" name="regfee4" class="inpt_a" value=""/></td> <td><input type="text" value="" id="hotel4" name="hotel4" class="inpt_a" /></td> <td><input type="text" value="" id="meal4" name="meal4" class="inpt_a" /></td> <td><input type="text" value="" id="discount4" name="discount4" class="inpt_a"/></td> <td><input type="text" value="" id="total4" name="total4" class="inpt_a" /></td> </tr> <!------------Subtotal of all 4 totals above ------------> <tr> <td colspan="6"> <input name="subtotal1" type="text" id="subtotal1" class="inpt_a" value="" readonly="readonly" /></td> </tr> </form> Here is my form URL: http://daihoibaptit.org/form.html Thanks for your help The question in the book says: Many companies normally charge a shipping and handling fee for purchases. Create a Web page that allows a user to enter a purchase price into a text box; include a JavaScript function that calculates shipping and handling. Add functionality to the script that adds a minimum shipping and handling fee of $1.50 for any purchase that is less than or equal to $25.00. For any orders over $25.00, add 10% to the total purchase price for shipping and handling, but do not include the $1.50 minimum shipping and handling fee. The formula for calculating a percentage is price*percent/100. After you determine the total cost of the order (purchase plus shipping and handling), display it in an alert dialog box. This is what I have so far, it comes up with the text box, but when the price is entered it doesn't come back with an answer. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//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" />
<link rel="stylesheet" href="js_styles.css" type="text/css" />
<title>Calculating Shipping & Handling</title>
<script type="text/javascript">
/* ![CDATA[ */
function getShipping();
{
if (price <= 25.00)
shipping = 1.50
else if(price > 25.00)
shipping = (price * (10/100));
}
/* ]]> */
</script>
</head>
<body>
<script type="text/javascript">
/* ![CDATA[ */
document.write("<h1>Purchase Price with Shipping</h1>");
/* ]]> */
</script>
<script type="text/javascript">
/* <![CDATA[ */
var price=prompt("What is your purchase price?");
getShipping();
document.write ("<p>The purchase price entered is $" + (price) + "</p>");
document.write ("<p>Shipping is $" + (shipping) + "</p>");
var total = price + shipping;
document.write("Your total price with shipping is $ " + (total) + "");
/* ]]> */
</script>
</body>
</html>
I am having difficulty getting the following assignment to run properly: Many companies charge a shipping and handling charge for purchases. Create a Web page that allows a user to enter a purchase price into a text box and includes a JavaScript function that calculates shipping and handling. Add functionality to the script that adds a minimum shipping and handling charge of $1.50 for any purchase that is less than or equal to $25.00. For any orders over $25.00, add 10% to the total purchase price for shipping and handling, but do not include the $1.50 minmum shipping and handling charge. The formula for calculating a percentage is price * percent / 100. For example, the formula for calculating 10% of a $50.00 purchase price is 50 * 10 / 100, which results in a shipping and handling charge of $5.00. After you determine the total cost of the order (purchase plus shipping and handling), display it in an alert dialog box. Save the document as CalcShipping.html. This is what I have after working on it round and round for 4 hours yesterday: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Calculate Order</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="js_styles.css" type="text/css" /> <script type="text/javascript"> /* <![CDATA[ */ function applyShipping(shipping) { if (purchase > 25.00) shipping = purchase * 10 / 100; } /* ]]> */ </script> </head> <body> <script type="text/javascript"> /* ![CDATA[ */ document.write("<h1>Purchase Plus Shipping</h1>"); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ var purchase=window.prompt("Please Enter Your purchase amount"); var shipping = 1.50; applyShipping(); document.write ("<p>The price entered was $" + (purchase) + "</p>"); document.write ("<p>Shipping and Handling $" + (shipping) + "</p>"); var totalPrice = purchase + shipping; document.write ("<p>Your total price is $" + (totalPrice) + "</p>"); // window.alert("Your total price is $" + (totalPrice) + );// /* ]]> */ </script> </body> </html> G'day, How would I go about copying all the prototype functions AND the constructor from one object into another object, and then call them? Code: function myOriginal() {
alert('Hello');
}
myOriginal.prototype.example = function() {
alert('In example '+this.test);
}
function myNewThing() {
// Copy myOriginal into this object here
this.oldconstructor(); // Should now display "Hello"
this.test = 'from myNewThing';
this.example(); // Should now display "In example myNewThing"
}
I know I can use this.example.call(this), but that's not an acceptable solution. I want to deploy this style over dozens, potentially hundreds of objects. Thanks muchly, Your friend from server-side... Either I'm having a moment of stupidity, or have completely failed to understand a fundamental aspect of javascript. The code below is jquery, and uses jquery's extend() function, but I don't think that the issue has anything to do with that... does it? Code: $(document).ready(function(){
var obj1 = {
"name": "spud"
,"age": 32
}
var obj2 = obj1;
$.extend(obj2, {"location": "UK"});
console.log(obj1);
});
By my reasoning, obj1 shouldn't have location set. But it does. If this is something peculiar to jquery, then my apologies and I'll go off to the right forum - but is it? Is the line var obj2 = obj1; not making a copy of the original and leaving the original intact? Is it instead making some sort of reference to it? Why is changing the copy having an effect on the original?? Right now this javascript shopping cart works to 1. charge shipping based on the item, 2. the destination country, 3. it combines shipping for a quantity over 1 of the SAME item. Each item has 2 different possible shipping charges. I am trying to get the javascript to check the shopping cart to see what item in the cart has the highest possible shipping charge, charge that amount to that item, and charge the lowest possible shipping charge on all other items in the cart. If item A is purchased alone shipping is $5.00. If purchased with item B, which costs $10.00 to ship alone, the $10.00 is charged for item B and only $3.00 for item A. Because item B had the higher shipping charge at a quantity of one. I have tried adding various things like me.items[current], item.shipping, me.shipping, this.shipping, shipping_Cost, and other things next to the second && in the part of the script that shows the country. I have also tried adding && if (me.whatever) and && if (item.whatever) and similar things at the beginning of the script next to if (this.country). I have found the parts of the script that pertain to cart items and to updating the shopping cart. Now I am stuck. The javascript is in 2 parts. One part goes in the item page, which I will post first. The second part goes in an external javascript file which I will post at the bottom. In between there is the part that shows the shopping cart. It isn't part of the javascript. Code: <script type="text/javascript" src="simpleCart.js"></script>
<script type="text/javascript">
<!--
simpleCart.checkoutTo = PayPal;
simpleCart.email = "my Paypal email address";
simpleCart.cartHeaders = ["Name" , "Price" , "Quantity" , "remove" ];
CartItem.prototype.shipping=function(){
// we are using a 'country' field to calculate the shipping,
// so we first make sure the item has a country
if(this.country){
if( this.country == 'United States' && this.quantity == '1'){
return this.quantity*5.00;
} else if( this.country == 'United States' && this.quantity >= '2') {
return this.quantity*3.00;
} else if( this.country == 'Belgium' && this.quantity == '1') {
return this.quantity*12.00;
} else if( this.country == 'Belgium' && this.quantity >= '2') {
return this.quantity*9.00;
else {
return this.quantity*0.00;
}
} else {
// use a default of $0.00 per item if there is no 'country' field
return this.quantity*0.00;
}
}
// --></script>
Code: <div style="display:block;"></div> <div>SHOPPING CART</div> <div class="cartHeaders"></div><br><br><br> <div class="simpleCart_items"></div> <div id="totals"> Item Total: <span class="simpleCart_total"></span><br>Shipping Total: <span class="simpleCart_shippingCost"></span><br>Tax: <span class="simpleCart_taxCost"></span><br>Final Total: <span class="simpleCart_finalTotal"></span> </div> <br><br><br><br> <br><br> <a href="javascript:;" class="simpleCart_empty">Empty Shopping Cart</a><br><br> <a href="javascript:;" class="simpleCart_checkout">Checkout Through Paypal</a> </div></div> separate javascript file is here http://simplecartjs.com/documentation.html Essentially, I have an ASP.net page where I load a record set server side and upload it into a listbox. I'm trying to do all the movement functionalities of the listbox items client side. Specifically, I'm trying to figure out how to copy selected listbox items from one listbox to another -- on button click. I've searched for a while, but every example that I found moves the actual item into another listbox, I just want to copy the selected item to another listbox. I'm very new to JavaScript, so ff someone can provide an example or pseudo code, I would greatly appreciate it. I have 2 textareas, 1 which will be vissible, another that will be hidden. I have a function that mirrors (not in reversed lettering) the first textarea's input to the second. Code: function copy_data(val){
var messageText = document.getElementById(val.id).value
document.getElementById('message').innerHTML = messageText;
}
So that copies from : <textarea name="text_message" rows="4" id="text_message" style="direction:ltr;" onkeyup="copy_data(this)"></textarea><br/> To: <textarea name="message" rows="4" id="message" style="direction:ltr;"></textarea> Then I have another function which when I select text in the "text_message" textarea will apply a tag to it, however I don't want this tag to be vissible in the "text_message" textarea but rather in the "message" textarea. Code: function formatText(el,tag){
var selectedText = document.selection?document.selection.createRange().text:el.value.substring(el.selectionStart,el.selectionEnd);
if(selectedText!=''){
var newText=''+tag+''+selectedText+''+tag+'';
el.value=el.value.replace(selectedText,newText)
}
}
This effects from this checkbox: <input type="checkbox" id="bold1" name="bold1" onclick="formatText(message,'#28D')" checked="checked" > Could anyone please help me, I think I may have missed something somewhere, because it works if I point it back to "text_message" I have 2 text boxes on my page. When the user clicks in one text box, I would like whatever is in there to be copied to the other text box. Is this possible? I have looked into it and onClick seems like it might do it but I can't get it to work. Thanks. Hi everyone, Is there a shorter and cleaner way of performing the following: The objective is to get the value/input from the first set of textboxes in the form and copy them to other set of textboxes. Outline of the form is as follows: First set of textboxes Company Address City State Zip Country Select number of users -->1 2 3 User 1 Company Address City State Zip Country User 2 Company Div Address1 Address2 City State Zip Country User 3 Company Address City State Zip Country ============================================= At the moment the code looks like this where (comp,div, addra,addrb,city,state,zip and country) are the name attributes of the first set of text boxes and (comp1.....country1,comp2.....country2, comp3....country3) are the name attributes for the textboxes for user 1,2 and 3 respectively. Code: function compAddress(){
document.form.comp1.value = document.form.comp.value;
document.form.div1.value = document.form.div.value;
document.form.addra1.value = document.form.addra.value;
document.form.addrb1.value = document.form.addrb.value;
document.form.city1.value = document.form.city.value;
document.form.state1.value = document.form.state.value;
document.form.zip1.value = document.form.zip.value;
document.form.country1.value = document.form.country.value;
document.form.comp2.value = document.form.comp.value;
document.form.div2.value = document.form.div.value;
document.form.addra2.value = document.form.addra.value;
document.form.addrb2.value = document.form.addrb.value;
document.form.city2.value = document.form.city.value;
document.form.state2.value = document.form.state.value;
document.form.zip2.value = document.form.zip.value;
document.form.country2.value = document.form.country.value;
document.form.comp3.value = document.form.comp.value;
document.form.div3.value = document.form.div.value;
document.form.addra3.value = document.form.addra.value;
document.form.addrb3.value = document.form.addrb.value;
document.form.city3.value = document.form.city.value;
document.form.state3.value = document.form.state.value;
document.form.zip3.value = document.form.zip.value;
document.form.country3.value = document.form.country.value;
Thanks, I am trying to combine shipping across different items in a javascript shopping cart. I can comine shipping based on how many items are in the cart, and characteristics of the item being added. But not both. I need the script to combine shipping based on how many items are in the cart, as well as the item name of the item being added to the cart. I assume I need to check the cart quantity in 1 function, then have it call 1 of 2 other functions based on how many items are in the cart. The 2nd function would charge the shipping based on the item name. I don't know if the code is wrong, and where I should put the 2 additional functions I am adding. It isn't working though. I am adding 2 ways I have tried below. Code: me.shipping = function(){
switch(me.quantity){
case '0':
return 0;
break;
case '1':
return oneItemInCart();
break;
default: otherNumber;
return moreThanOneItemInCart();
break;
}
function oneItemInCart();
{
if(item.name)
{
if(item.name.match = "Cricut Cartridge")
return 4.39
else if(item.name.match = "Glitter")
return 5.00
else
return quantity*0.00;
}
}
function moreThanOneItemInCart();
{
if(item.name)
{
if(item.name.match = "Cricut Cartridge")
return item.quantity*3.00-3.00+4.39
if(item.name.match = "Glitter")
return item.quantity*4.00-4.00+5.00
else
return quantity*0.00;
}
}
Code: me.shipping = function(){
if( parseInt(me.quantity,10)===0 )
return 0;
else if( parseInt(me.quantity,10)===1)
return oneItemInCart();
else if( parseInt(me.quantity,10) > 1)
return moreThanOneItemInCart();
else
return quantity*0.00;
function oneItemInCart();
{
if(item.name)
{
if(item.name.match = "Cricut Cartridge")
return 4.39
else if(item.name.match = "Glitter")
return 5.00
else
return quantity*0.00;
}
}
function moreThanOneItemInCart();
{
if(item.name)
{
if(item.name.match = "Cricut Cartridge")
return item.quantity*3.00-3.00+4.39
if(item.name.match = "Glitter")
return item.quantity*4.00-4.00+5.00
else
return quantity*0.00;
}
}
Here is the original document - the part I edited is the me.shipping part http://simplecartjs.com/ Hi, PanM here. Trying to build a website to help my cousin sell his beautiful art. I am using a free web page at weebly.com and they have an option to use either PayPal or Google Checkout to put in shipping costs and go to the cart checkout. However, haven't evaluated Google yet, but PayPal does not do what I want. You have to put in various shipping prices and then it doesn't relate to the state or country unless you select all states, or anyway that's how I see it. I have found one on the net that wants $5 per month, but I am trying to do this for free. UPS, FedEx, and USPS have API's that can probably work, but I would prefer a HTML file or Javascript file in the page on my site. Can anyone help with this problem? Please. Thanks, PanM Hi, I have a requirement where, on a link, when the user clicks, the app should copy all browser favorites and write to a db (table that has two columns, one with fav name and one col for the website link). Thoughts on how to get this done ? How can I read the the browser favorites from a javascript ? Thanks, Deepna Hi guys! i would like to ask for your assistance.. i am creating two template for my work.. and i would like to know what is the javascript that in one click i can copy and paste all the details from template #1 to template #2. considering that each field in template 1 will fall into the correct field in template #2.. http://img130.imageshack.us/i/25157983.jpg/ hope to hear from you soon. thanks! you may also email me at janshawn_54@yahoo.com Hi, I am using jQuery for the following scenario: There is a random number of divs, each sharing the same class (.slecteable), each having its own id (a unique string extracted from the database). A user clicks on a div. I get the id, and change the color of this div (in gets highlighted). Code: $('.selectable').livequery('click',function(){
var id;
id = $(this).attr('id');
//change color based on id.
});
Now comes the problem. Once a user clicks again on a div, if it wasn't highlighted, it should return to its original color. If it had been highlighted, and had returned to its original color due to a second click, it should get highlighted again. How would you do that? I wish I could post some code, but at this point, it would be rubbish. Thanks in advance. Regards, -jj. Hi, I have a a html/PHP page divided into two, on the left div I have a list of subjects and on the right div I have used AJAX to populate this side with a list of questions (taken from database), this list depends on the selection made on the left. Each of the questions in the list has a checkbox, I want to be able to make selections using the checkboxes and then click on the other subjects but if I was to go back to the page with my selections the checkboxes checked previously will already be there. Any ideas on how I can do this? I would appreciate any help. |
|||||||