|
JavaScript - Value Assigned To Button Needs To Be Included In Calculate()
hey all,
I have had a go at another calculator I am making and got stuck. I want to use the F value determined by the first toggle button in the calculation. I dont understand why the calculation wont work as it is stated in the if/else statement. Any suggestions what i am doing wrong? here is the code: Code: <script type="text/javascript">
function toggle(btn) {
var radioSelection = btn.value;
if (radioSelection == "PO") {
var F = 0.7;
}
else {
var F = 1;
}
}
function toggle(btn) {
var radioSelection = btn.value;
var weightInput = document.getElementById("weightRow");
var CPsInput = document.getElementById("CPsRow");
var creInput = document.getElementById("creRow");
var CHFInput = document.getElementById("CHFrow");
var LDOutput = document.getElementById("LDrow");
var MDOutput = document.getElementById("MDrow");
if (radioSelection == "MD") {
weightInput.style.display = "none";
CPsInput.style.display = "block";
creInput.style.display = "block";
CHFInput.style.display = "block";
MDOutput.style.display = "block";
LDOutput.style.display = "none";
}
else {
weightInput.style.display = "block";
CPsInput.style.display = "none";
creInput.style.display = "none";
CHFInput.style.display = "none";
MDOutput.style.display = "none";
LDOutput.style.display = "block";
}
}
function calculate() {
var LD = 1;
var MD = 1;
var VD = 7.3;
var CPd = 1.5;
var Cl = 1;
var S = 1;
var T = 1;
var weight = document.getElementById("weight").value - 0;
var CHD = document.getElementById("CHD").value;
var creatinine = document.getElementById("creatinine").value - 0;
var CPs = document.getElementById("CPs").value -0;
if (CHD == "Y") {
Cl = 23 + (0.88 * creatinine);
LD = (VD * weight * CPd) / (S * F);
MD = (CPs * Cl * T) / (F * S);
}
else {
Cl = 57 + (1.02 * creatinine);
LD = (VD * weight * CPd) / (S * F);
MD = (CPs * Cl * T) / (F * S);
}
var LD = Math.floor(LD / 125) * 125
var MD = Math.floor(MD / 62.5) * 62.5
document.getElementById('LD').innerHTML = LD + " micrograms - NOTE: if loading dose is above 500micrograms, give in divided doses of no more than 500micrograms at one time";
document.getElementById('MD').innerHTML = MD + " micrograms";
document.getElementById('F').innerHTML = F;
document.getElementById('S').innerHTML = S;
}
</script>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<strong>Please select the route to be used for administering digoxin:</strong><br />
<input type="radio" name="route" value="PO" checked onclick="toggle(this);">Oral<br />
<input type="radio" name="route" value="IV" onclick="toggle(this);">Intravenous<br />
<br />
<br />
<strong>Now select whether you wish to calculate a Loading or Maintenance dose:</strong><br />
<input type="radio" name="dosage" value="LD" checked onclick="toggle(this);">Loading Dose<br />
<input type="radio" name="dosage" value="MD" onclick="toggle(this);">Maintenance Dose<br />
<br />
<br />
<table>
<tr id="CPsRow" style="display:none">
<td class="style19">Patient's Digoxin Level</td><td class="style17"><input id='CPs' value=""/> micrograms/L </td><td>
<ul>
<li>Ensure that the level has been taken at least 6 hours post dose. Time to steady state is 10-14 days after initiation/dose
change (if renal function is normal).</li>
</ul>
</td>
</tr>
<tr id="weightRow" style="display:block">
<td class="style19">Weight</td><td class="style17"><input id='weight' value=""/> kg</td>
</tr>
<tr id="creRow" style="display:none">
<td class="style19">Creatinine</td><td class="style17"><input id='creatinine'/> mmol/L</td>
</tr>
<tr id ="CHFrow" style="display:none">
<td class="style19">Chronic Heart Failure </td><td class="style18"><select id='CHD'> <option value="N">No</option><option value="Y">Yes</option></select></td>
</tr>
</table><br />
<input type="button" onclick="calculate()" value="Calculate!"/><input id="Reset"
type="reset" value="Reset" />
<br />
<br />
<br />
<br />
<table>
<tr id="LDrow" style="display:block"><td><strong>Loading dose: </strong> </td><td id='LD' /></td></tr>
<tr id="MDrow" style="display:none"><td><strong>Maintenance dose: </strong> </td><td id='MD' /></td></tr>
<tr><td><strong>Bioavailability factor used: </strong></td><td id='F' /></td></tr>
<tr><td><strong>Salt factor used: </strong> </td><td id='S' /></td></tr>
</table>
Similar Tutorialshye.. i'm trying to calculate value of balance by substract cash to total. But nothing happen. here is my code: Code: <script type="text/javascript">
function substract(){
{
document.calculate.Cash.value = ZA;
document.calculate.Total.value = Z1;
balance();
}
function balance(){
AAA = document.calculate.Balance;
AAA.value = (ZA-Z1).toFixed(2);
}
</script>
</head>
<body style="background-color: #99FF99">
<?php
// if there are any errors, display them
if ($error != 'Unable to update')
{
echo '<div style="padding:12px; border:1px solid purple; color:red; font-weight: bold; text-align: center; font-size: medium; ">'.$error.'</div>';
}
?>
<form action="" method="post" name="calculate" style="width: 1320px; ">
<div class="style1">
<input type="hidden" name="CustID" value="<?php echo $CustID; ?>">
<input type="hidden" name="Total" value="<?php echo $Total; ?>">
<input type="hidden" name="TableID" value="<?php echo $TableID; ?>">
<div class="style5" style="width: 820px; height: 148px; margin-left: auto; margin-right: auto;">
<p class="style9"> </p>
<p class="style17"><span class="style19">CUSTOMER </span> <strong>
<span class="style19">ID:</span></strong> <strong> <?php echo $CustID; ?>
</strong></p>
<table style="width: 35%; height: 185px; margin-left: auto; margin-right: auto;" class="style15">
<tr>
<td class="style11" style="width: 111px; height: 30px;"><strong>Table ID :
</strong></td>
<td style="height: 30px; width: 169px;" class="style18"><strong><?php echo $TableID; ?></strong></td>
</tr>
<tr>
<td class="style1" style="width: 111px; height: 20px;"></td>
<td style="height: 20px; width: 169px;" class="style1"></td>
</tr>
<tr>
<td class="style16" style="width: 111px; height: 30px;"><strong>Total :
</strong></td>
<td style="height: 30px; width: 169px;" class="style18"><strong>
RM<?php echo $Total; ?> </strong></td>
</tr>
<tr>
<td class="style1" style="width: 111px; height: 20px;"></td>
<td style="height: 20px; width: 169px;" class="style1"></td>
</tr>
<tr>
<td class="style16" style="width: 111px; height: 30px;"><strong>Cash :
</strong></td>
<td style="height: 30px; width: 169px;" class="style1"> <strong>
<span class="style20">RM</span>
<input type="text" name="Cash" id="Cash" class="style17" style="width: 120px"></strong></td>
</tr>
<tr>
<td class="style1" style="width: 111px; height: 20px;"></td>
<td style="height: 20px; width: 169px;" class="style1"></td>
</tr>
<tr>
<td class="style16" style="width: 111px; "><strong>Balance :
</strong></td>
<td style="width: 169px;" class="style1"><strong>
<span class="style20">RM</span>
<input type="text" name="Balance" id="Balance" value="0.00" class="style17" style="width: 120px"></strong></td>
</tr>
</table>
<p class="style5"><strong>
<input class="style3" name="calculate" type="button" onclick="substract()" value="Calculate"> <input class="style3" name="submit" type="submit" value="Done"></strong> </div>
</div>
</form>
I am having trouble with figuring a way to set my loop up to reset values of the different coin values. Example, when I put in 78, and click calculate, it tells you how much of each coin would be given back. My problem is that I set it up and run it, but when I put different values in back to back to calculate, some of the fields don't reset. I just need some ideas or logic behind what I need to do. Code: var change_out = function(){
do {
var money = document.getElementById("cents").value;
if (money >= 25)
{
var quarters = parseInt(money / 25);
var foo = parseInt(money - (quarters * 25));
document.getElementById("quarters").value = quarters;
if (foo >= 10)
{
var left = parseInt(foo / 10);
var wow = parseInt(foo - (left * 10));
document.getElementById("dimes").value = left;
if(wow==0)return;
if (wow >= 5)
{
var dumb = parseInt(wow / 5);
var pop = parseInt(wow - (dumb * 5));
document.getElementById("nickels").value = dumb;
document.getElementById("pennies").value = pop;
}else{document.getElementById("pennies").value = wow;}
}else if (foo >= 5){
var dumb = parseInt(foo / 5);
var pop = parseInt(foo - (dumb * 5));
document.getElementById("nickels").value = dumb;
document.getElementById("pennies").value = pop;
}else{document.getElementById("pennies").value = foo;}
}else if (money >= 10){
var left = parseInt(money / 10);
var wow = parseInt(money - (left * 10));
document.getElementById("dimes").value = left;
if (wow > 5){
var dumb = parseInt(wow / 5);
var pop = parseInt(wow - (dumb * 5));
document.getElementById("nickels").value = dumb;
document.getElementById("pennies").value = pop;
document.getElementById("quarters").value = "";
}else{document.getElementById("pennies").value = wow;}
}else if (money >= 5){
var dumb = parseInt(money / 5);
var pop = parseInt(money - (dumb * 5));
document.getElementById("nickels").value = dumb;
document.getElementById("pennies").value = pop;
document.getElementById("quarters").value = "";
document.getElementById("dimes").value = "";
}else{
document.getElementById("pennies").value = money;
document.getElementById("quarters").value = "";
document.getElementById("dimes").value = "";
document.getElementById("nickels").value = "";
}
}while(isNaN(money))}
I need this code to calculate the sales tax when you hit the submit button and I can't get it to work. I need to figure out how to connect it to the function. Can someone please point out where I am going wrong? I am very new at this and am woundering what I am doing wrong with my code. This is homework, I am not looking for the answer I just need someone to direct me in the right way.Thanx Here is my Code: I need this code to calculate the sales tax when you hit the submit button and I can't get it to work. Can someone please point out where I am going wrong? Code: <script type="text/javascript"> /*<![CDATA [*/ //Shipping & handling fee function calculateShipping() { var num = new Number(price); //This will add $1.50 to any purchases that are less than or equal to $25.00. if (num <= 25){ return 1.5; //Here 10% will be added to any purchase that is greater than $25.00 but do not inlcude the $1.50 fee. } else{ return num * 10 / 100; } } window.alert("Your total is $" + total + ".") /* ]]> */ </script> </head> <body> <h1>Enter Purchase Price Here</h1> <script type="text/javascript"> /* <![CDATA[ */ document.write(parseFloat"); if(price <=25.00){var shipping=1.50} else{var shipping=price*(10/100)}; var total=(price+shipping).toFixed(2); /* ]]> */ </script> <form id="btncalcprice" action="submit-form.php"> <input type='text' name='query'> </form> <form> <input type="button" value="Submit" onClick="alert('YOUR total is $'); return true"> </form> </body> I am trying to assign the left and right arrows, but I cannot get the code to work. It would be great to get some help--I am a newbie to coding. <html> <head> <script language="javascript" type="text/javascript"> document.onkeydown=function(e) { var thelink if (e.keyCode==37) thelink='prevlink' else if (e.keyCode==39) thelink='nextlink' else return document.location.href=document.getElementById(thelink).href} </script> </head> <body> <a href="#" onkeydown="return previous(this)" id="prevlink">PREVIOUS</a><br /> <br /> <a href="#" onkeydown="return next(this)" id="nextlink">NEXT</a> </body> </html> Hi codingforums.com, i have been working on a programm for some time and now i have decided to include some javascript to it and have only very limited knowledge so i copied something from a website and tried to modifiy it but only with partial success. Would be awesome if someone can guide me a littlebit. So i have 2 select boxes and want the second one to be filled depending on the chosen option from the first one. And 'on the fly' so with imediate change. So now i have the following code which gives me the first selectbox sucessfully filled with 'customers' in that case but i dont manage to give the second one listed in order, the are all on the same line displayed as one option. here my code: Code: <?php
//read html header
require('html/header.html');
//error display
error_reporting(E_ALL);
ini_set('display_errors', 1);
include('conn.php');
?>
<div align="center">
<form name="classic">
<select name="customer" size="5" onChange="updatesystem(this.selectedIndex)">
<?php
//prepare SQL query
$query = "SELECT * FROM VIA_CUSTOMER ORDER BY ACRONYM ASC";
//parsing sql statement
$statement = oci_parse($conn, $query);
//execute sql statement and display results
if(oci_execute($statement)) {
while(ocifetchinto($statement, $result, OCI_ASSOC))
{
echo "<option align='center' value='".$result['ACRONYM']."'";
if(isset($_GET['VIA_CUSTOMER']) && $_GET['VIA_CUSTOMER'] == $result['ACRONYM'])
{
echo "selected='selected'";
}
echo ">".$result['ACRONYM']."</option>";
}
}
oci_free_statement($statement);
?>
</select>
<select name="system" size="5" style="width: 150px" onClick="alert(this.options[this.options.selectedIndex].value)">
</select>
</form>
</div>
<script type="text/javascript">
var customerlist=document.classic.customer
var systemlist=document.classic.system
var system=new Array()
system[0]=["ARRAY0", "<?php
//prepare SQL query
$query = "SELECT NAME FROM VIA_SYSTEM WHERE IDCUSTOMER = 1 ORDER BY NAME ASC";
//parsing sql statement
$statement = oci_parse($conn, $query);
//execute sql statement and display results
if(oci_execute($statement)) {
while(ocifetchinto($statement, $result, OCI_ASSOC))
{
echo $result['NAME'];
}
}
oci_free_statement($statement);
?>", "ARRAY0.1", "ARRAY0.2"]
system[1]=["ARRAY1", "ARRAY1.1", "ARRAY1.2"]
system[2]=["ARRAY2"]
system[3]=["ARRAY3"]
system[4]=["ARRAY4"]
function updatesystem(selectedsystemgroup){
systemlist.options.length=0
if (selectedsystemgroup>=0){
for (i=0; i<system[selectedsystemgroup].length; i++)
systemlist.options[systemlist.options.length]=new Option(system[selectedsystemgroup][i].split("|")[0], system[selectedsystemgroup][i].split("|")[1])
}
}
</script>
<?
//include html footer
require('html/footer.html');
?>
now my problem is within this piece of code: Code: <?php
//prepare SQL query
$query = "SELECT NAME FROM VIA_SYSTEM WHERE IDCUSTOMER = 1 ORDER BY NAME ASC";
//parsing sql statement
$statement = oci_parse($conn, $query);
//execute sql statement and display results
if(oci_execute($statement)) {
while(ocifetchinto($statement, $result, OCI_ASSOC))
{
echo $result['NAME'];
}
}
oci_free_statement($statement);
?>
how can i get the Code: WHERE IDCUSTOMER = 1 to be chosen from the first select box because $_GET wont work obviously and how can i display the results all as single arrays and not one single line? i know this might be a lot to ask but im still learning and cant get past this with just searching google. This is a picture of the output, the first select is good but the second one is the issue and the 'ARRAY0.1' is just dummy data (not from database) so it should be displayed as single lines like so: LSM SQL*LIMS TEST i would be eternally grateful for whom can help me out with this. Regards, The Noob [delete]
Hi I'm pretty new to javascript.. infact very new, only 4 days old , and I'm like this --> Anyway, I want to add a link in this menu . I want the link to be where the text " Go to the front page, Want to know more about us?, Keep in touch with us, call any time you want " How do I do that? cheers! here's the page : http://www.mts-photo.com/fotter_nav.html Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Jquery Tutorial : Horizontal animated menu</title> <link type="text/css" href="css/menu.css" rel="stylesheet" media="screen" /> <script type="text/javascript" src="inc/jquery.js"></script> <script type="text/javascript" src="inc/menu.js"></script> </head> <body> <div id="wrapper"> <ul id="menu"> <li><a href="test.html" title="Go to the front page", >Home</a> </li> <li><a href="#" title="Want to know more about us?">About Us</a></li> <li><a href="#" title="Keep in touch with us, call any time you want">Contact Us</a></li> <li><a href="#" title="Ny link">Nylink 1</a></li> </ul> </div> </body> </html> Hi all, I am having some problems with the below multiple image upload script. Code: <script type="text/javascript">
set_cookie ( "uid", "14" );
</script>
<script type="text/javascript">
$(function(){
$('#swfupload-control').swfupload({
upload_url: "upload-file.php",
file_post_name: 'uploadfile',
file_size_limit : "10240",
file_types : "*.jpg;*.png;*.gif",
file_types_description : "Image files",
file_upload_limit : 100,
flash_url : "jquery/swfupload/swfupload.swf",
button_image_url : 'jquery/swfupload/wdp_buttons_upload_114x29.png',
button_width : 114,
button_height : 29,
button_placeholder : $('#button')[0],
debug: false
})
.bind('fileQueued', function(event, file){
var listitem='<li id="'+file.id+'" >'+
'File: <em>'+file.name+'</em> ('+Math.round(file.size/1024)+' KB) <span class="progressvalue" ></span>'+
'<div class="progressbar" ><div class="progress" ></div></div>'+
'<p class="status" >Pending</p>'+
'<span class="cancel" > </span>'+
'</li>';
$('#log').append(listitem);
$('li#'+file.id+' .cancel').bind('click', function(){
var swfu = $.swfupload.getInstance('#swfupload-control');
swfu.cancelUpload(file.id);
$('li#'+file.id).slideUp('fast');
});
// start the upload since it's queued
$(this).swfupload('startUpload');
})
.bind('fileQueueError', function(event, file, errorCode, message){
alert('Size of the file '+file.name+' is greater than limit');
})
.bind('fileDialogComplete', function(event, numFilesSelected, numFilesQueued){
$('#queuestatus').text('Files Selected: '+numFilesSelected+' / Queued Files: '+numFilesQueued);
})
.bind('uploadStart', function(event, file){
$('#log li#'+file.id).find('p.status').text('Uploading...');
$('#log li#'+file.id).find('span.progressvalue').text('0%');
$('#log li#'+file.id).find('span.cancel').hide();
})
.bind('uploadProgress', function(event, file, bytesLoaded){
//Show Progress
var percentage=Math.round((bytesLoaded/file.size)*100);
$('#log li#'+file.id).find('div.progress').css('width', percentage+'%');
$('#log li#'+file.id).find('span.progressvalue').text(percentage+'%');
})
.bind('uploadSuccess', function(event, file, serverData){
var item=$('#log li#'+file.id);
item.find('div.progress').css('width', '100%');
item.find('span.progressvalue').text('100%');
var pathtofile='<img src="uploads/'+file.name+'" height="120px" width="120px"></img>';
item.addClass('success').find('p.status').html(pathtofile);
})
.bind('uploadComplete', function(event, file){
// upload has completed, try the next one in the queue
$(this).swfupload('startUpload');
})
});
</script>
Process Page (upload-file.php) Code: <script type="text/javascript">
function get_cookie ( uid )
{
var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );
if ( results )
return ( unescape ( results[2] ) );
else
return null;
}
</script>
<?php
include('includes/config.php');
$uploaddir = 'uploads/';
$file = $uploaddir . basename($_FILES['uploadfile']['name']);
$size=$_FILES['uploadfile']['size'];
if($size>10485760)
{
echo "error file size > 10 MB";
unlink($_FILES['uploadfile']['tmp_name']);
exit;
}
if (move_uploaded_file($_FILES['uploadfile']['tmp_name'], $file)) {
$uploadedfiles = ($_FILES);
$files = $uploadedfiles;
foreach($files as $value)
$a_id = $_COOKIE['a_id'];
$u_id = '<script type="text/javascript">var x = get_cookie ( "uid" );</script>';
{
$insert = "INSERT INTO images (a_id, u_id) VALUES ('$a_id', '$u_id')";
mysql_query($insert) or die(mysql_error());
}
echo "success";
}
else {
echo "error ".$_FILES['uploadfile']['error']." --- ".$_FILES['uploadfile']['tmp_name']." %%% ".$file."($size)";
}
?>
Basically the problem I am having that when the row is entered into the database, it always inputs a 0 for a_id and u_id, I have tried this with php cookies, php sessions and now I am trying with javascript cookies. Why wont the included file read the cookies? Is their anyway to pass data into this script? I believe that Code: upload_url: "upload-file.php", is the issue, I cant seem to parse any data into this file? Any help would be greatly appreciated, this is driving me nuts! Hi all, I have this idea - and there might be something already out there that can do it for me - but I don't even really know how to phrase what I'm looking for. Basically, I want the user to be able to enter a word in a text box. When the form is submitted, that word is included in the text in the resulting page in several places. Maybe this example will work well: The text on the website might be this: Quote: Yesterday for lunch I ate a delicious _________. It was the first time in a while I had eaten a _________ and it was even better than I expected it would be. In fact, it was so good that I immediately ran to the store and purchased a whole box of ________s. A user would come to the site and be prompted for a type of food. If they entered banana in the text box and submitted the form, the resulting page would then read: Quote: Yesterday for lunch I ate a delicious banana. It was the first time in a while I had eaten a banana and it was even better than I expected it would be. In fact, it was so good that I immediately ran to the store and purchased a whole box of bananas. Is this even possible? And if so, how difficult would it be to do? Thanks a bunch for the help! I few sites said to (in the js file) put the varible in <%= %> these tags but thats not doing any good. Is there some other part needed to this I'm missing. The javascript I'm using is in a file I included in my VS project.
Hi, I have the below javascript that insert smiles for me. But in Firefox, it is inserting at the bottom of the message Edit: This only happens when there in no text input first before the smile. For exmple Quote: -- Original Message --- test send :-) -- End Original Message --- ;-) I would like it be inserted, like Quote: ;-) -- Original Message --- test send :-) -- End Original Message --- Note: ;-) would be the smile It works fine in Internet Explorer, but Firefox, put it in the wrong place, can anyone help. The javascript code I use is below: Code: //Smile Start
var myAgent = navigator.userAgent.toLowerCase();
var myVersion = parseInt(navigator.appVersion);
var is_ie = ((myAgent.indexOf("msie") != -1) && (myAgent.indexOf("opera") == -1));
var is_nav = ((myAgent.indexOf('mozilla')!=-1) && (myAgent.indexOf('spoofer')==-1)
&& (myAgent.indexOf('compatible') == -1) &&
(myAgent.indexOf('opera')==-1)
&& (myAgent.indexOf('webtv') ==-1) &&
(myAgent.indexOf('hotjava')==-1));
var is_win = ((myAgent.indexOf("win")!=-1) || (myAgent.indexOf("16bit")!=-1));
var is_mac = (myAgent.indexOf("mac")!=-1);
function smile( txt ) {
// document.all.txtmessage.value = document.all.txtmessage.value + txt;
// return false;
doInsert(" " + txt + " ", "", false,document.getElementById('txtmessage'));
}
function smile2( txt ) {
doInsert(" " + txt + " ", "", false,document.getElementById('txttemplate'));
}
function smile3( txt ) {
doInsert(" " + txt + " ", "", false,document.getElementById('txtcomments'));
}
function doInsert(ibTag, ibClsTag, isSingle, name_txt)
{
var isClose = false;
var obj_ta = name_txt;
//----------------------------------------
// It's IE!
//----------------------------------------
if ( (myVersion >= 4) && is_ie && is_win)
// if ( (ua_vers >= 4) && is_ie && is_win)
{
if (obj_ta.isTextEdit)
{
obj_ta.focus();
var sel = document.selection;
var rng = sel.createRange();
rng.colapse;
if((sel.type == "Text" || sel.type == "None") && rng != null)
{
if(ibClsTag != "" && rng.text.length > 0)
ibTag += rng.text + ibClsTag;
else if(isSingle)
isClose = true;
rng.text = ibTag;
}
}
else
{
//-- mod_bbcode begin
// this should work with Mozillas
if ( (myVersion >= 4) && is_win) {
var length = obj_ta.textLength;
var start = obj_ta.selectionStart;
var end = obj_ta.selectionEnd;
if (end == 1 || end == 2)
end = length;
var head = obj_ta.value.substring(0,start);
var rng = obj_ta.value.substring(start, end);
var tail = obj_ta.value.substring(end, length);
if( start != end ){
if (ibClsTag != "" && length > 0)
ibTag += rng + ibClsTag;
else if (isSingle)
isClose = true;
rng = ibTag;
obj_ta.value = head + rng + tail;
start = start + rng.length;
}
else{
if(isSingle)
isClose = true;
obj_ta.value = head + ibTag + tail;
start = start + ibTag.length;
}
obj_ta.selectionStart = start;
obj_ta.selectionEnd = start;
}
else {
//-- mod_bbcode end
if(isSingle)
{
isClose = true;
}
obj_ta.value += ibTag;
//-- mod_bbcode begin
}
//-- mod_bbcode end
}
}
//----------------------------------------
// It's MOZZY!
//----------------------------------------
else if ( obj_ta.selectionEnd )
{
var ss = obj_ta.selectionStart;
var st = obj_ta.scrollTop;
var es = obj_ta.selectionEnd;
if (es <= 2)
{
es = obj_ta.textLength;
}
var start = (obj_ta.value).substring(0, ss);
var middle = (obj_ta.value).substring(ss, es);
var end = (obj_ta.value).substring(es, obj_ta.textLength);
//-----------------------------------
// text range?
//-----------------------------------
if (obj_ta.selectionEnd - obj_ta.selectionStart > 0)
{
middle = ibTag + middle + ibClsTag;
}
else
{
middle = ibTag + middle;
if (isSingle)
{
isClose = true;
}
}
obj_ta.value = start + middle + end;
var cpos = ss + (middle.length);
obj_ta.selectionStart = cpos;
obj_ta.selectionEnd = cpos;
obj_ta.scrollTop = st;
}
//----------------------------------------
// It's CRAPPY!
//----------------------------------------
else
{
if (isSingle)
{
isClose = true;
}
obj_ta.value += ibTag;
}
obj_ta.focus();
return isClose;
}
function CDE(elemId) {
if(document.getElementById(elemId).style.display != "none")
document.getElementById(elemId).style.display = "none"
else
document.getElementById(elemId).style.display = "inline"
}
//Smile End
Thanks for any help you can give me Looking for an example of how to take the value typed in one textbox to be calculated and update the value of a second texbox on the fly. The calculation is, (2.9% X first textbox value) + $0.30 = second textbox value hi, I've got a problem and i really need help. this is my code <script> var y= new Date(); y.getFullYear() + '<br />'; alert(y); var year = new Date(); year.setFullYear(prompt('Enter the year','1990'),prompt('Enter the month','1'), prompt('Enter the day','1')); alert(year); var yy = y-year; alert(yy); </script> i want when a user write his/her birthday JS calculate the age. that's all I want to do a calculation between selectbox values. The problem with my code is that the first part of the calculation only gives me 0, which Motherboard value*quantity. the second part works fine which Chassis*quantity. My formulas is motherbord*Quanity+chassis*quantity. Code:
function calculate() {
var parsedMotherboard = parseFloat(document.calcform.Motherboard.value || 0);
var parsedQuantity = parseFloat(document.calcform.Quantity.value || 0); var parsedChassis = parseFloat(document.calcform.Chassis.value || 0);
var parsedQuantity1 = parseFloat(document.calcform.Quantity1.value ||0);
document.calcform.total.value = (parsedMotherboard * parsedQuantity + parsedChassis * parsedQuantity1); }
PHP Code: echo "<tr><td align='left' width='90%'>"; $result = mysql_query("SELECT Motherboard_Part_Number, Motherboard_Name, Motherboard_Price FROM Motherboard ") or die(mysql_error()); echo '<select id="Motherboard" class="SelectClass" name="Motherboard" ONCHANGE="calculate()">'; // keeps getting the next row until there are no more to get while($row = mysql_fetch_array( $result )) { // Print out the contents of each row into a table echo '<option Name="Motherboard" value= ',$row['Motherboard_Price'],'>',$row['Motherboard_Part_Number'],' ',$row['Motherboard_Name'],' $',$row['Motherboard_Price'],' ','</option>'; } echo '</select>'; echo "</td>"; echo "<td align='right' width='10%'>"; $result= mysql_query("SELECT Number FROM Quantity") or die(mysql_error()); echo '<select id="Quantity" class="SelectClass" name="Quantity" Value="Quantity" ONCHANGE="calculate()" >'; // keeps getting the next row until there are no more to get while($row = mysql_fetch_array( $result)) { // Print out the contents of each row into a table echo '<option value=',$row['Number'],'>',$row['Number'],'</option>'; } echo '</select>'; echo "</td></tr>"; echo "<tr><td align='left' width='90%'>"; $result = mysql_query("SELECT Chassis_Part_Number, Chassis_Name, Chassis_Price FROM Chassis where Chassis_Form_Factor='ATX'") or die(mysql_error()); echo '<select id="Chassis" class="SelectClass" name="Chassis" ONCHANGE="calculate()">'; // keeps getting the next row until there are no more to get while($row = mysql_fetch_array( $result )) { // Print out the contents of each row into a table echo '<option Name="Chassis" value= ',$row['Chassis_Price'],'>',$row['Chassis_Part_Number'],' ',$row['Chassis_Name'],' $',$row['Chassis_Price'],' ','</option>'; } echo '</select>'; echo "</td>"; echo "<td align='right' width='10%'>"; $result= mysql_query("SELECT Number FROM Quantity") or die(mysql_error()); echo '<select id="Quantity" class="SelectClass" name="Quantity1" Value="Quantity" ONCHANGE="calculate()" >'; // keeps getting the next row until there are no more to get while($row = mysql_fetch_array( $result)) { // Print out the contents of each row into a table echo '<option value=',$row['Number'],'>',$row['Number'],'</option>'; } echo '</select>'; echo "</td></tr>"; I'm working on creating a custom calculator to determine the amount of money / credits users may earn from referrals. I've tested onChange, and it will work only when I have changed to a new field or clicked off that field. How do I make this calculate live? So if the current value is 5 and I change it to 6, it will automatically recalculate the new value. You can see what I'm working on he http://sheetmusichaven.com/admin/mys...calculator.php Note: The one I'm testing is the 1st Level field. For now i'm just having it display the date. I have tried many time to make the calculation to appear at the total text box. however, I fail to find where the problem is. Please help me.. here is my coding.. <html> <head> <title> PRESENTATION EVALUATION FORM </title></head> <style type="text/css"> .style1 { text-align: center; } </style> <script type="text/javascript"> function add($g1,$g2,$g3,$g4,$g5,$g6,$g7,$g8,$g9,$g10,$g11,$g12,$g13) { $g1=$_POST['document.myForm.gred1.value']; $g2=$_POST['gred3.value']; $g3=$_POST['gred3.value']; $g4=$_POST['gred4.value']; $g5=$_POST['gred5.value']; $g6=$_POST['gred6.value']; $g7=$_POST['gred7.value']; $g8=$_POST['gred8.value']; $g9=$_POST['gred9.value']; $g10=$_POST['gred10.value']; $g11=$_POST['gred11.value']; $g12=$_POST['gred12.value']; $g13=$_POST['gred13.value']; $total=$g1+$g2+$g3+$g4+$g5+$g6+$g7+$g8+$g9+$g10+$g11+$g12+$g13; } </script> <body> <center><img src="logo.gif" height="200" weight="240"></center> <p><center><b>FAKULTI SISTEM KOMPUTER & KEJURUTERAAN PERISIAN<br>UNIVERSITI MALAYSIA PAHANG</b></center></p> <table width="100% "border="1"> <form name="myForm" method="post"> <tr> <th style="width: 447px">ITEM</th> <th style="width: 340px">SCORE</th> </tr> <tr> <td style="width: 447px"> A) SLIDES</td> <td style="width: 340px"> </td> </tr> <tr> <td style="width: 447px"> i. Use of Diagram and Animations </td> <td style="width: 340px" class="style1"> <select name="gred1" onchange="add()" style="width: 45px"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </tr> <tr> <td style="width: 447px"> ii. Layout, Font and Color (Readable, Consistent, Attractive) </td> <td style="width: 340px" class="style1"> <select name="gred2" onchange="add()" style="width: 45px"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </tr> <tr> <td style="width: 447px"> iii. Content Structure</td> <td style="width: 340px" class="style1"> <select name="gred4" onchange="add()" style="width: 45px"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select></td> </tr> <tr> <td style="width: 447px; height: 28px;"> iv. Slide Content</td> <td style="width: 340px; height: 28px;" class="style1"> <select name="gred3" onchange="add()" style="width: 45px"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select></tr> <tr> <td style="width: 447px"> B) PRESENTATION</td> <td style="width: 340px"></td> </tr> <tr> <td style="width: 447px"> i. Explaining and Not Reading The Slides </td> <td style="width: 340px" class="style1"> <select name="gred5" onchange="add()" style="width: 45px; height: 22px;"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </tr> <tr> <td style="width: 447px"> ii. Voice, Eye Contact and Gestures</td> <td style="width: 340px" class="style1"> <select name="gred6" onchange="add()" style="width: 45px; height: 22px;"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </tr> <tr> <td style="width: 447px"> iii. Capture Audience Interest</td> <td style="width: 340px" class="style1"> <select name="gred7" onchange="add()" style="width: 45px"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </tr> <tr> <td style="width: 447px"> iv. Proper Introduction and Closing</td> <td style="width: 340px" class="style1"> <select name="gred8" onchange="add()" style="width: 45px"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select></td> </tr> <tr> <td style="width: 447px"> C) LANGUAGE</td> <td style="width: 340px" class="style1"> </tr> <tr> <td style="width: 447px"> i. Fluency </td> <td style="width: 340px" class="style1"> <select name="gred9" onchange="add()" style="width: 45px"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select></td> </tr> <tr> <td style="width: 447px"> ii. Correctness</td> <td style="width: 340px" class="style1"> <select name="gred10" onchange="add()" style="width: 45px"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </tr> <tr> <td style="width: 447px"> iii. English Vocabulary</td> <td style="width: 340px" class="style1"> <select name="gred11" onchange="add()" style="width: 45px"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </tr> <tr> <td style="width: 447px"> D) QUESTION AND ANSWER HANDLING</td> <td style="width: 340px" class="style1"> </tr> <tr> <td style="width: 447px"> i. Confidence</td> <td style="width: 340px" class="style1"> <select name="gred12" onchange="add()" style="width: 45px"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </tr> <tr> <td style="width: 447px"> ii. Logic Responds</td> <td style="width: 340px" class="style1"> <select name="gred13" onchange="add()" style="width: 45px"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </tr> <tr> <td style="width: 447px; height: 27px;"><center><b>Total</b></center></td> <td style="width: 340px; height: 27px;"><center> <input name="totalmark" type="text" style="width: 52px" value="0" > <?php echo $_POST["$total"];></center></td> </table> <table> <tr> <td class="style1" style="width: 802px"><br><input type="button" name="total" value="CALCULATE" onclick= "add()"> <input type="RESET" value="RESET"></td> </tr> </form> </table> </body> </html> anyone would you help me I have some problem to calculate PHP Code: <table width="415" cellspacing="1" cellpadding="1"> <tr> <th width="151" scope="col">Price</th> <th width="189" scope="col">qty</th> <th width="63" scope="col">total</th> </tr> <tr> <td><label> <input name="price" type="text" id="price" value="2000"> </label></td> <td><label> <input name="qty" type="text" id="qty" value="2"> </label></td> <td><label> <input name="total" type="text" id="total" value="4000"> </label></td> </tr> <tr> <td><input name="price" type="text" id="price" value="2000"></td> <td><input name="qty" type="text" id="qty" value="4"></td> <td><input name="total" type="text" id="total" value="8000"></td> </tr> <tr> <td> </td> <td>Total</td> <td><label> <input name="gtotal" type="text" id="gtotal" value="12000"> </label></td> </tr> </table> How to calucate it from price * qty = Total and gtotal=sum of total, in the first rows. Ican do it if there is one row, but i dont know how to calculate samae name of text field like in 2nd or more rows Hello. I wonder is there any javascript to calculate IP length For example I have Start ADDR: VLAN_ADDR which is: 10.52.28.0 Stop ADDR: VLAN_LAST which is 10.52.29.254 As I know:result is 512 or another example: Start ADDR: VLAN_ADDR which is: 10.52.64.11 Stop ADDR: VLAN_LAST which is 10.52.64.15 As I know:result is 5 How to count it in javascript code ? Results are "numbers" Best regards Leos. Hi there, I'm new here in this forum and I've registered to ask a question about JavaScript or Jquery. I don't know which to use. I have my code php like that: <?php //Get the data from system and return in EU format function ShowDate() { $Date = date("d"."/"."m"."/"."Y"); return $Date; } //Get the time from system function ShowTime() { $Time = date("H".":"."i"); return $Time; } ?> Now I have two input box <html> <head> </head> <body> Type the date:<input name="txtdate" type="text" class="input" id="txtdate" title="e.g dd/mm/yyyy" value="<?php echo ShowDate(); ?>" size="9" maxlength="10"> <br> Type the time:<input name="txttime" type="text" id="txttime" value="<?php echo ShowTime(); ?>" size="5" maxlength="5"> <br> London: Friday May 21 2010 05:12:00 <br> New York: Friday May 21 2010 00:12:00<br> Hong Kong: Friday May 21 2010 12:12:00<br> Tokyo: Friday May 21 2010 13:12:00<br> </body> </html> So.... the important is the user can interactive with the date. If I change the date or time all this values will be change as well. Someone knows how can I do this? The field txtdate I will get from a calendar plugin (javascript) that I already put in my code. Thank you for your help. Andrei Andrade |
|||||||