Menu
I need help with JavaScript and I have no idea what I’m doing. Here’s what I’ve been working on:
<html>
<head><title></title>
<script language=”javascript”>
function checkKeyCode(evt)
{
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
var num=””;
var mediapayment=document.getElementById(“mediapayment”).value;
var grocerypayment=document.getElementById(“grocerypayment”).value;
var partypayment=document.getElementById(“partypayment”).value;
if(node.id==”mediapayment”)
{
if((evt.keyCode>=48 && evt.keyCode<=57))
{
document.getElementById(“Totalmediabalance”).value=(mediapayment+(evt.keyCode-48))*1;
}
if((evt.keyCode>=96 && evt.keyCode<=105))
{
document.getElementById(“Totalmediabalance”).value=(mediapayment+(evt.keyCode-96))*1;
}
}
else if(node.id==”grocerypayment”)
{
if((evt.keyCode>=48 && evt.keyCode<=57))
{
document.getElementById(“Totalgrocerypayment”).value=(grocerypayment+(evt.keyCode-48))*1;
}
if((evt.keyCode>=96 && evt.keyCode<=105))
{
document.getElementById(“Totalgrocerybalance”).value=(grocerypayment+(evt.keyCode-96))*1;
}
}
else if(node.id==”partypayment”)
{
if((evt.keyCode>=48 && evt.keyCode<=57))
{
document.getElementById(“Totalpartybalance”).value=(partypayment+(evt.keyCode-48))*1;
}
if((evt.keyCode>=96 && evt.keyCode<=105))
{
document.getElementById(“Totalpartybalance”).value=(partypayment+(evt.keyCode-96))*1;
}
}
}
document.onkeydown=checkKeyCode;
function compute()
{
totalmedia=parseFloat(document.getElementById(“Totalmediabalance”).value);
totalgrocery=parseFloat(document.getElementById(“Totalgrocerybalance”).value);
totalparty=parseFloat(document.getElementById(“Totalpartybalance”).value);
document.getElementById(“TotalCost”).value=150.00-(totalmedia+totalgrocery+totalparty);
return false
}
</script>
</head>
<body>
<form>
<TABLE BORDER=”4″ CELLPADDING=”2″ CELLSPACING=”2″ WIDTH=”55%” align=”center”>
<TR>
<TD align=”center” colspan=”5″><font size=”+2″><b>Your Checkbook Register </b></font size”>
</TR>
<TR>
<TD align=”center”><b>Check #:</b></TD>
<TD align=”center”><b>Description of Transaction:</b></TD>
<TD align=”center”><b>Payment/Debit:</b></TD>
<TD align=”center”><b>Deposit/Credit:</b></TD>
<TD align=”center”><b>Balance:</b></TD>
</TR>
<TR>
<TD align=”left”><b>000</b></TD>
<TD align=”center”><b>Starting Balance</b></TD>
<TD align=”center”><b><input type=”text” id=”payment” size=”5″ maxlength=”6″ disaled></b></TD>
<TD align=”center”><b><input type=”text” id=”deposit” size=”5″ maxlength=”6″ disabled></TD>
<TD align=”center”><b>150.00<class=”memorize” disabled></b></TD>
</TR>
<TR>
<TD align=”left”><b>001</b></TD>
<TD align=”center”><b><input type=”text” id=”mediastore” size=”25″ maxlength=”25″></b></TD>
<TD align=”center”><b><input type=”text” id=”mediapayment” size=”5″ maxlength=”6″></b></TD>
<TD align=”center”><b><input type=”text” id=”mediadeposit” size=”5″ maxlength=”6″ disabled></TD>
<TD align=”center”><b><input type=”text” id=”Totalmediabalance” size=”5″ maxlength=”6″ class=”memorize” disabled></b></TD>
</TR>
<TR>
<TD align=”left”><b>002</b></TD>
<TD align=”center”><b><input type=”text” id=”grocerystore” size=”25″ maxlength=”25″></b></TD>
<TD align=”center”><b><input type=”text” id=”grocerypayment” size=”5″ maxlength=”6″></b></TD>
<TD align=”center”><b><input type=”text” id=”grocerydeposit” size=”5″ maxlength=”6″ disabled></TD>
<TD align=”center”><b><input type=”text” id=”Totalgrocerybalance” size=”5″ maxlength=”6″ class=”memorize” disabled></b></TD>
</TR>
<TR>
<TD align=”left”><b>003</b></TD>
<TD align=”center”><b><input type=”text” id=”partystore” size=”25″ maxlength=”25″></b></TD>
<TD align=”center”><b><input type=”text” id=”partypayment” size=”5″ maxlength=”6″></b></TD>
<TD align=”center”><b><input type=”text” id=”partydeposit” size=”5″ maxlength=”6″ disabled></TD>
<TD align=”center”><b><input type=”text” id=”Totalpartybalance” size=”5″ maxlength=”6″ class=”memorize” disabled></b></TD>
</TR><TR>
<TD align=”left”></TD>
<TD align=”center”></TD>
<TD align=”center”></TD>
<TD align=”center”><b><input type=’button’ value=’Calculate’ id=”btnCalculate” onclick=”compute();”></b></TD>
<TD align=”center”><b><input type=”text” id=”TotalCost” size=”5″ maxlength=”6″ disabled></b></TD>
</TR>
</TABLE>
</form>
</body>
</html>
I need to be able to reconfigure the JavaScript to have a premade pop-up occur when the Total calculated is positive and when it is negative (2 separate HTML pages). Please help… I cannot figure this out and am losing my mind! ?