|
JavaScript - Need Help Writing Subtotal/get/put Script
Hi folks. There have been several requests on this forum for subtotal/tax/total forms, but I know so little about Java scripts that I haven't been able to adapt your provided solutions to my needs. I know it seems like a cop-out to just ask someone else to do it for me, but I need to get this form functioning as soon as possible, since I'll be running business through this site (which, until now, I've designed on my own). I would like to learn JS eventually, or at least have a working knowledge of it, but I'm short on time right now.
I know that a Java script should be able to do what I need it to, so if there's anyone out there who can help, I would be incredibly grateful. I hope it's not too much trouble. Here's the web page. I've kept my html nice and clean, so hopefully it's very easy to read: link What I need is to multiply the price of either size options by the quantity, add the sales tax and shipping, and the total will update automatically. The paper choice will not affect the price. Ideally, I would like the "submit request" button to send an email with all supplied information to my email address, and also send a copy to the supplied customer address. (I think that's considered a get/put script?) Again, if there's anyone who can help with this, I would be very grateful. Thanks, Jon Similar TutorialsYes, I have read the sticky about homework.. and before you call me a lazy sack, I will have to blame it all on my teacher... He knows almost nothing about the Java, and yet, he is teaching a computer programming class... This assignment is due soon, and I have no idea how you even start this..Really appreciate it if some1 can do this for me.. Assignment: Create a new 'Array' Project and create a java file that does the following. -Print your arrays going across the screen(horizontally) -Creating the arrays should be done in main -All other tasks should be in separate methods -Your arrays should be passed as a parameters -All methods should have a void return type 1.a)Create an array of 100 integers called nums. (All 1000 grades will automatically be initialized to 0) b) Fill the array with 1000 random numbers between 10 and 99. c) Print the grades forwards d) Print the grades backwards. e) Find the average of the grades and print the average 2 a) Create an array of 6 Strings called names (all 6 names will automatically be initialized to null.) b) Fill your array with 6 names (you will have to do this individually). c) Print all names that start with a vowel. Thank to so much if someone really help me with this! hi i am new to programming and script writing i would like to ask if anyone on here wouldn't mind taking a couple min out of there day to help me out with a few things I am really stuck right now on just getting started with what i need to START i know that that is probably a pretty big question so i will start out small and just ask what are some of the basic essentialls that i will need to get started. Wile telling me how to get started if you wouldn't mind just giving me a short description of the proper use of thing and just what i should look for if i am doing things properly or incorrect like i said before i am only just starting out and i would like to start small and just more or less get the ball rolling. I work with computers most of the day and hooking up internet and would like to further my knowledge with the future (computers). i am a part of lots of forums mainly pertaining to jeeps and we are always trying to help the little guys out in getting bigger and more knowledgeable about what they are getting into and i am hopping that it is the same way here and in this area or expertise thanks again i look forward to starting out hey guys " I have question about writing a java script code equivalent to the following figure : I've written the code like this , <html> <body> <script type="text/javascript"> var x; x = 12; while (x != 0) { document.write(" x = " + x +"<BR>"); x = x - 3; } document.write("DONE"); </script> </body> </html> is my answer right or wrong ?? < I have an order form that takes different computers and adds different accessories and grabs all the prices and adds them together for a subTotal price. Tax is figured as well. The problem is when I try to add the taxAmt to the subTotal. Let's say the subTotal is 600.00 and tax is 30.00, the total would show 600.0030.00 instead of 630.00. Here is my calcPrice function: Code: function calcPrice() {
var subTotal;
//chesk to see which computer is selected in the selection list
if (document.forms[0].compType[0].checked == true) {
subTotal=parseFloat(document.forms[0].compType[0].value);
}
else if (document.forms[0].compType[1].checked == true) {
subTotal=parseFloat(document.forms[0].compType[1].value);
}
else if (document.forms[0].compType[2].checked == true) {
subTotal=parseFloat(document.forms[0].compType[2].value);
}
//gets the optical drive selection and price
product = document.getElementById("optical");
optPrice = parseFloat(product.options[product.selectedIndex].value);
//adds optical drive selction to the subtotal price
subTotal = subTotal + optPrice;
//checks all checkboxes for checked and adds the value to the subtotal
if (document.forms[0].accType[0].checked == true) {
subTotal = subTotal + parseFloat(document.forms[0].accType[0].value);
}
if (document.forms[0].accType[1].checked == true) {
subTotal = subTotal + parseFloat(document.forms[0].accType[1].value);
}
if (document.forms[0].accType[2].checked == true) {
subTotal = subTotal + parseFloat(document.forms[0].accType[2].value);
}
//calculate tax amount
taxAmt = (subTotal * .06).toFixed(2);
//adds the subtotal and tax amounts to get total cost
totalAmt = subTotal + taxAmt;
//displays the amounts in the text boxes
document.getElementById("sub").value = subTotal;
document.getElementById("tax").value = taxAmt;
document.getElementById("tot").value = totalAmt;
One more thing is that I validate a phone number as well. Would I just setup an if statement saying if re.test=false then show alert? Code: //validates phone number
var re = /^\(?[2-9]\d{2}[\)\.-]?\s?\d{3}[\s\.-]?\d{4}$/
return re.test(phoneNumber);
Thanks for the help Thanks for anyone can help in advance. I currently have a photo site with photo albums of my kids to share with family and friends. I am redesigning it at the moment and trying to link streaming music to albums pages. I don't want to make multiple pages that link music and photos together. The site is broken into three frames. Frame A contains the menu buttons, Frame B should contain the streaming music, and Frame C contains the pictures. The program I am using to create the website buttons has the ability to run a java function. So basically can I create a java function that when the button is clicked on the webpage it executes the Java script and automatically loads Frame B which contain the music to go with the pictures, and load frame C to point to the corect photo album? I don't have the skill to do this and wondering if anyone can help write a code to create this? Thanks, Troy Dear friends , I tried to write in html page from text file using " <html> <head> <script type="text/javascript" language="javascript"> function Read() { var Scr = new ActiveXObject("Scripting.FileSystemObject"); var CTF = Scr .OpenTextFile("C:\\123.txt", 1, true); data = CTF .ReadAll(); document.write(data); alert(data); CTF .Close(); } </script> </head> <body onLoad="Read()"> </body> </html> " But the contains of text file getting changed , like if there is "My name is Karimkhan I love India " Then it will write like "My name is Karimkhan i love India" It ignores multiple spaces and new line character , so what should I do to prevent this...IS THERE ANYTHING LIKE <PRE> TAG IN HTML "? Hello, I am a novice and am hoping I can get some help here. I am self taught at basic HTML and am now trying to add some "v v vroom!" to a site that I am developing. The problem I am faced with is I have a Javascript that I am using as an experiment to see how Javascript works (in the hope that I can use other more exiting Javascripts on my sight I am buliding). I have copied it onto NotePad from a self teaching book which when opened up in a browser does not work. The script in question is; <html> <head> <title>My First Javascript page</title> <script type="text/javascript"></script> <style type="text/css"> body {document.bgcolor="pink"} </style> <body> This is my first Javascript page !! So **** off! <form> <input type="button" onclick="document.bgcolor='blue'" name="change" value="blue"> <input type="button" onclick="document.bgcolor='red'" name="change" value="red"> <input type="button" onclick="document.bgcolor='yellow'" name="change" value="yellow"> <input type="button" onclick="document.bgcolor='white'" name="change" value="white"> <input type="button" onclick="document.bgcolor='fuchsia'" name="change" value="fuchsia"> </form> </body> </html> Can anyone shed any light on what I might be doing wrong, or what I can do to make it work? Thank you all in advance. David Hood. Hi Guys I'm struggling to find out why the iframe is not being populated with a selectbox containing the album names from an XML file. majority of the code is working fine and the "alert(s)" function works perfectly and displays exactly the html I would like it to but the bits in bold are not working and are not writing the html to the iframe. (please note, this code is only supposed to work in Javascript) . Thanks Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<script type="text/javascript">
function loadXML(docName){
if (window.XMLHttpRequest){
xhttp=new XMLHttpRequest();
}
else{
xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET",docName,false);
xhttp.send();
return xhttp.responseXML;
}
tunesData=loadXML("music.xml");
albumsArray=tunesData.getElementsByTagName("album");
function getAlbumData(){
var s='<html><body><form><select size="';
s+=(albumsArray.length+1);
s+='"><option>...Please Select An Album...</option>'
for(i=0;i<albumsArray.length;i++){
s+='<option>';
s+=albumsArray[i].childNodes[1].childNodes[0].nodeValue;
s+='</option>'
}
s+='</select></form></body></html>';
alert(s);
with(document.getElementById('albumscol').contentDocument){
open();
write(s);
close();
}
}
getAlbumData();
</script>
</head>
<body>
<iframe id="albumscol"></iframe>
</body>
</html>
I want to write an xml stream to the browser using javascript. What I am currently getting is the visual data and the page source is the xml stream. What I would like to get is a visual representation of the xml as well as the underlying page source. Further information. The visual presentation wanted is: <?xml version="1.0" encoding="UTF-8" ?> - <FSResult> <FoodStampAllotment>526</FoodStampAllotment> <GrossEligible>TRUE</GrossEligible> <NetEligible>TRUE</NetEligible> <AssetEligible>TRUE</AssetEligible> </FSResult> The page source for that is: <?xml version="1.0" encoding="UTF-8" ?><FSResult><FoodStampAllotment>526</FoodStampAllotment><GrossEligible>TRUE</GrossEligible><NetEligible>TRUE</NetEligible><AssetEligible>TRUE</AssetEligible></FSResult> The page url includes: FSCalcServlet.do The other visual presentation that we want to look like the above: 150TRUETRUETRUE The other page source is: <?xml version="1.0" encoding="UTF-8" ?><FSResult><FoodStampAllotment>150</FoodStampAllotment><GrossEligible>TRUE</GrossEligible><NetEligible>TRUE</NetEligible><AssetEligible>TRUE</AssetEligible></FSResult> The other page url includes: FSCalc.html This version is written from Flex via javascript and the original is a java servlet. I need to reset the active content registry entries to the defaults when a page unloads: Code: <script>
// Window Onunload, last to execute, manage registry
function windowonunload(){
var WshShell = WScript.CreateObject("WScript.Shell");
WshShell.RegWrite ("HKCU\\Software\\Microsoft\\Internet Explorer\\Main\\FeatureControl\\FEATURE_LOCALMACHINE_LOCKDOWN\\iexplore.exe\\", 1, "REG_DWORD");
WshShell.RegWrite ("HKCU\\Software\\Microsoft\\Internet Explorer\\Main\\FeatureControl\\FEATURE_LOCALMACHINE_LOCKDOWN\\Settings\\LOCALMACHINE_CD_UNLOCK\\", 0, "REG_DWORD");
}
WScript.DisconnectObject(sh);
WScript.Quit();
//-->
</script>
...but it doesn't seem to work. What am I doing incorrectly? Thanks. So I need to know how I can write this more efficiently. I been told that a loop should work, but I can't figure a good way to do it. Im very new to javascript, so I was hoping someone may be able to help. Code:
document.getElementById('tabButton1').onclick=function(){
document.getElementById('tabDiv1').className = 'tabActive'
document.getElementById('tabDiv2').className = 'tabInactive'
document.getElementById('tabDiv3').className = 'tabInactive'
document.getElementById('tabDiv4').className = 'tabInactive'
document.getElementById('tabButton'+1).className = 'tabActive'
document.getElementById('tabButton2').className = 'tabInactive'
document.getElementById('tabButton3').className = 'tabInactive'
document.getElementById('tabButton4').className = 'tabInactive'
};
document.getElementById('tabButton2').onclick=function(){
document.getElementById('tabDiv1').className = 'tabInactive'
document.getElementById('tabDiv2').className = 'tabActive'
document.getElementById('tabDiv3').className = 'tabInactive'
document.getElementById('tabDiv4').className = 'tabInactive'
document.getElementById('tabButton1').className = 'tabInactive'
document.getElementById('tabButton2').className = 'tabActive'
document.getElementById('tabButton3').className = 'tabInactive'
document.getElementById('tabButton4').className = 'tabInactive'
};
document.getElementById('tabButton3').onclick=function(){
document.getElementById('tabDiv1').className = 'tabInactive'
document.getElementById('tabDiv2').className = 'tabInactive'
document.getElementById('tabDiv3').className = 'tabActive'
document.getElementById('tabDiv4').className = 'tabInactive'
document.getElementById('tabButton1').className = 'tabInactive'
document.getElementById('tabButton2').className = 'tabInactive'
document.getElementById('tabButton3').className = 'tabActive'
document.getElementById('tabButton4').className = 'tabInactive'
};
document.getElementById('tabButton4').onclick=function(){
document.getElementById('tabDiv1').className = 'tabInactive'
document.getElementById('tabDiv2').className = 'tabInactive'
document.getElementById('tabDiv3').className = 'tabInactive'
document.getElementById('tabDiv4').className = 'tabActive'
document.getElementById('tabButton1').className = 'tabInactive'
document.getElementById('tabButton2').className = 'tabInactive'
document.getElementById('tabButton3').className = 'tabInactive'
document.getElementById('tabButton4').className = 'tabActive'
};
All help is appreciated. Thanks All, I have the following code: Code: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<style type="text/css">body{font:62.5% Verdana,Arial,sans-serif}</style>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>
<script>
$( "#drg" ).draggable({
revert: true
});
var drpOptions = {
drop: function(event, ui) {
$(this).append( ui.draggable.text() + "<br>" );
}
};
$( "#drplist" ).children().droppable( drpOptions );
$( "button" ).button().click(function() {
$( "<li>Dynamic droppable<hr></li>" ).droppable( drpOptions ).appendTo( "#drplist" );
});
</script>
<style type="text/css">
#drg { background: silver; width: 100px; padding: 0.5em; text-align: center; }
ul, ul li { list-style: none; margin:0 ; padding: 0; }
#drplist li { width: 200px; height: 100px; margin: 1em; padding: 0.5em; background: lightgreen; }
</style>
</head>
<body>
<div id="drg">
Drag me
</div>
<hr>
<button>Click to add a droppable</button>
<ul id="drplist">
<li>Drop here<hr></li>
</ul>
</body>
</html>
Basically what I would like to happen is that when I click on the button it generates the table like it did and then I want like two checkboxes next to it with some text and a break line in between the two. How can I update my jQuery to give me this result? Thanks in advance! hey guys, im trying to write whether player 1 or 2 won into the text area. see code below. thanks [CODE] <html> <head> <script type="text/javascript"> var a=1 </script> <style type="text/css"> body { background-image: url(http://fc08.deviantart.com/fs40/i/2009/018/f/8/FLOWJOB_3d_graffiti_by_UrbanCalligraphism.jpg); } h1 { font-family:"sans-serif",tahoma; background-repeat: no-repeat; color:#00ffe7; } p { color:#000000; font-family:"sans-serif",tahoma; font-weight:900; } </style> </head> <body> <center><h1>Ghetto Dice Project</h1></center> </br> </br> </br> </br> </br> </br> <center> <textarea rows="9" cols="18" id="textarea"> </textarea> </center> </br> </br> </br> </br> </br> <center> <table> <tr> <input type="text" id="playerone" size="4" value=""> <input type="text" id="playertwo" size="4" value=""> </tr> </br> <tr> <button onclick=" a=(Math.floor(Math.random()*13)); document.getElementById('playerone').value=a; "> PLAYA 1 </button> <button onclick=" b=(Math.floor(Math.random()*13)); document.getElementById('playertwo').value=b; "> PLAYA 2 </button> </tr> </table> </script> </br> </br> <p> Hand coded with care by Tanner Beck </p> </center> </body> </html> [CODE] I am working on a javascript for my blackberry. I am trying to capture the latitude and longitude of that phone. I am able to get the coordinates in an alert box but am having a little trouble writing it to a form input field. Can anyone help me with this? Code: <!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" xml:lang="en" lang="en">
<head>
<title>GPS Testing</title>
</head>
<body>
<script type="text/javascript">
if(blackberry.location.GPSSupported){
document.write("Your device supports GPS locating");
blackberry.location.onLocationUpdate(window.alert("Latitude: " + blackberry.location.latitude + " Longitude: " + blackberry.location.longitude));
var lat = blackberry.location.latitude();
var lng = blackberry.location.longitude();
blackberry.location.refreshLocation();
document.write(lat);
}
</script>
</body>
</html>
I am only able to test with Blackberry. I was trying to create a couple of variables with the "var lat =" and var lng =". With this script I get the alert window and when I click ok it writes "Your device supports ..." Thanks for any help! Ok, so i need help writing a java script that will look at a bunch of numbers and output the highest one so what i need is for it to do something like this. (A is my input value) (B is my output value) the (A) value will be constantly changing and with the script has to do is look at all of those values and output them to (b) if anyone knows how to do this i would be so grateful if they could write the code for me because i'm new to coding and i really need this to work. thanks. I have a piece of code which I suppose to click on to activate: Code: <a href ="javascript:(function()
{
newwindow = window.open();
newwindow.document.write('<html><head><title>Your new title here</title></head>');
newwindow.document.write('<body><embed src = 'http://www.flashppt.com/images/tangramone.swf' height='100%' width='100%'></embed></body></html>');
}
)();"> Run flash popup </a>
I have spent a very long time looking at it but I still can't figure it out. The problem is with line with <embed> tag. My purpose is to open a swf flash in a new popup window such that it must have a Pretty title name (instead of its addresss). Since opening that SWF directly does not leave me the option of change the popup title , so I use the above method... I appreciate much if you can help ! Hi, Here's what I've been trying a lot to find but to no avail: a simple text field and submit button that lets users insert an embedding (HTML/CSS/JavaScript codes) to display on the same frame. I'd like something like this: http://www.howtocreate.co.uk/tutoria...s/dywrite.html Unfortunately it doesn't run any code, e.g. Code: <html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
Or the text marquee code on the following tutorial: http://www.dynamicdrive.com/dynamicindex2/cmarquee.htm Your help is greatly appreciated! Regards Rain Lover Javascript (inside a function that everything works except this bit): Code: var uploadedfile = "upload" + ups; document.getElementById(uploadedfile).value= file; The input element its not changing: Code: <input type="text" name="upload[]" id="upload1"/> There are four additional input elements, one for each possible fileupload, they will be set to hidden but in order to see if it was submitting the name I set it to text. Here is the live page so you can see it: http://www.sandcrawler.net/forum/sandnet.php?page=test2 What this is for is an upload script, I have all the upload bit working, but now I need to find a way to pass the filename to my php script, that will then sort the files out into two types, screenshot and compressed. Then insert them into a mysql database. I've gotten this same type of thing to work on a w3school TryIt demo, with the variables set the same way. So I can't figure out where there is an error. Opera isn't giving me one. I can post more code if needed. Thanks Hello: First post here on CS ... I am wondering why my code will not write a new line or line break. This is fine: Code: <script>
document.write("Hello and welcome to javascript!");
</script>
But when I try to put a message on two lines, it does not work. The book I'm reading and several websites have stated the below codes will work, but neither do: Code: <script>
document.write("Hello and welcome to javascript! \n");
document.write("It is a tricky language to learn!")
</script>
Code: <script>
document.writeln("Hello and welcome to javascript!");
document.writeln("It is a tricky language to learn!")
</script>
Am I missing something? i have borrowed a java script to produce a weather forecast using data from my weather station. Quote: //code to get your variables goes here //I've assumed they a // $sager_wind = wind direction // $sager_rumbo = wind change // $sager_hpa = Baro value // $sager_trend = Baro trend // $sager_nubes = Sky condition //now we can prepare them for the Sager script //the sager script wants uppercase, so just to be sure... $sager_wind = strtoupper($sager_wind); //has to be uppercase $sager_rumbo = strtoupper($sager_rumbo); //allow for either of mB or Hg input if ($sager_hpa > 50) { $sager_hpa = $sager_hpa * 0.0295300;} //enumerate the Baro switch ($sager_hpa) { case ($sager_hpa > 30.4): $sager_hpa = 1; break; case ($sager_hpa > 30.1): $sager_hpa = 2; break; case ($sager_hpa > 29.9): $sager_hpa = 3; break; case ($sager_hpa > 29.7): $sager_hpa = 4; break; case ($sager_hpa > 29.5): $sager_hpa = 5; break; case (sager_hpa > 29.2): $sager_hpa = 6; break; case (sager_hpa > 28.: $sager_hpa = 7; break; case (sager_hpa > 28.0): $sager_hpa = 8; break; } //enumerate the Baro trend if (strcasecmp($sager_trend, 'Rising Rapidly') == 0) { $sager_trend = 1; } if (strcasecmp($sager_trend, 'Rising Slowly') == 0) { $sager_trend = 2; } if (strcasecmp($sager_trend, 'Steady') == 0) { $sager_trend = 3; } if (strcasecmp($sager_trend, 'Falling Slowly') == 0) { $sager_trend = 4; } if (strcasecmp($sager_trend, 'Falling Rapidly') == 0) { $sager_trend = 5; } //enumerate the Sky condition if (strcasecmp($sager_nubes, 'Clear') == 0) { $sager_nubes = 1; } if (strcasecmp($sager_nubes, 'Partly Cloudy') == 0) { $sager_nubes = 2; } if (strcasecmp($sager_nubes, 'Mostly Overcast') == 0) { $sager_nubes = 3; } if (strcasecmp($sager_nubes, 'Overcast') == 0) { $sager_nubes = 4; } if (strcasecmp($sager_nubes, 'Rain') == 0) { $sager_nubes = 5; } ?> <html> <!-- standard header stuff goes here --> <!-- and don't forget to include the sager script --> <script src="sager_cast.js" type="text/javascript"></script> <body> <br /> Sager = <span id="forecast">forecast will appear here</span> <script type="text/javascript" language="javascript"> <!-- { //we could do some fancy escaping to directly insert the php variables //into the javascript function call, but this is harder to break. z_wind = "<?php echo $sager_wind?>"; z_rumbo = "<?php echo $sager_rumbo?>"; z_hpa = <?php echo $sager_hpa?>; z_trend = <?php echo $sager_trend?>; z_nubes = <?php echo $sager_nubes?>; document.getElementById('forecast').innerHTML = sager_cast( z_wind, z_rumbo, z_hpa, z_trend, z_nubes); } //--> </script> </body> </html> this basically turns my PHP variables intoa forecast by using the script above and also sager_cast.js (which crunches the numbers). my question is how can i record the output to a text file ie. this bit Quote: <br /> Sager = <span id="forecast">forecast will appear here</span> i know how to run a cron job on my host server but whenever i try to use php to geta at it, it fails. i understand that php and JS and side server / client server / host server different, but surely there must be a way to record the output using my host and the script that i have. my goal is to catch the forecast every 15 mins (with a time stamp) and then look back at the (text) file to see how it has changed. can anyone please help? one suggestion is to turn the number crunching JS script into php so i can 'get at it' but there are thousands of lines of code! thanks in advance, and hello from a newbie poster! |
|||||||