|
HTML - Html/javascript Redemption Calculation
Hey guys!
I'm working on a web page for a loan redemption calculation. I want people to enter the loan amount, the interest rate, and the monthly redemption rate. The program should tell them then how many month it takes to pay back the entire loan and how much accumulated interest they have to pay. I tried it with this loop : (interestRate , loan and redemption are defined before this loop) Code: monthCount = 0
begOfMonth = loan
interest = 0
valueWithoutInterest = 0
endOfMonth = 1
accInterest = 0
for(i=1;endOfMonth>0;i++){
interest = begOfMonth * interestRate / 1200
accInterest = accInterest + interest
valueWithoutInterest = begOfMonth + interest
endOfMonth = valueWithoutInterest - redemption
begOfMonth = endOfMonth
monthCount = i
}
document.getElementById("resLoan").innerHTML = loan
document.getElementById("resInterest").innerHTML = interestRate
document.getElementById("resRedRate").innerHTML = redemption
document.getElementById("resIntPayed").innerHTML = accInterest
document.getElementById("resRuntime").innerHTML = monthCount
for some reason, this loop is infinite. When i modify the loop to calculate only 1 month, the numbers are correct. When i let it calculate 2 month, the accInterest explodes to a completely wrong value. I checked it so many times and i just cant find any mistake... I hope one of you guys can help me. thanks in advance! ps: sorry for the grammar Similar Tutorialshi i m new to programming i need a program for age calculation whch displays years months hours minutes , each must b displayed seperately, n the input method must b shown with examples like how to input the dates, ex dd/mm/yy Enter your date of birth Month � Date� Year You have been living for: In months: In weeks: In days: In hours: In minutes: In seconds: In Milliseconds: Your next birthday will be in: and this program must b embeded in any website by users Could someone please tell me how to do the simplest of calculations on a webpage? Take in a few values - three or four only. Do some multiplying on them. Output the results to the page. I know it can't be done in html. I feel it is probably a javascript candidate. But how, exactly, to put the two together and do it? Sorry to be so dumb. We all gotta start somewhere. Hello, I worked very hard on creating this calculation form. Now I am trying to input some radio buttons (MALE/FEMALE). The formulas are different: MALE function formula(x,y){ return ((x+y-1)/12); FEMALE function formula(x,y){ return ((x+y+1)/12); Can someone please help me?? I gave up trying after 7 h. I can`t do this anymore, it seems impossible to me. <script type="text/javascript"> function $(el) { return document.getElementById(el); } function formula(x,y){ return ((x+y-1)/12); } function check() { var x=parseInt($('x').value); var y=parseInt($('y').value); if($('x').value.length>0 && $('y').value.length>0) { $('result').value=formula(x, y); } } </script> <table> <tr><td width="50%"><font face="arial" size="2" color="#FFCCFF"><b><input type="radio" name="male" value="male"checked>MALE</b></font></td> <td width="50%"><font face="arial" size="2" color="#FFCCFF"><b><input type="radio" name="female" value="female">FEMALE</b></font></td></tr> <tr><td> x:</td><td><input type="text" id="x" onclick="this.select()"/></td></tr> <tr> <td> y:</td><td><input type="text" id="y" onclick="this.select()"/></td></tr> <tr><td> Rezult <input name="button" type="button" onclick="check()" value="calculate" /></td><td><input id="result" type="text" disabled style="width:100px; height:40px; text-align:center; vertical-align:middle"/></td> <tr><td> </td> <tr> <td> </td> </table> </td> THANK YOU!!!!! Hey guys new here so thank you in advance for any help. I am building my first site and I want to have a form on it where users of the page can submit info into a form and then be provided info about that info. For example: How many A's do you want to buy? User inputs a number or selects from a drop down of numbers How many B's do you want to buy? User inputs a number or selects from a drop down of numbers Then I want to the user to see instant feedback on the site that says "Your total is $x.xx" Is this possible? Thanks again Hello All, I am new to this, and not sure if this is the right forum. But, I have a simple web page with drop down menus where I can put values for a calculation. I would like to have the values saved as an input file for a python script that resides on the server. I would like the input file to be created and then the script executed and the output appear as a new page. I have googled this and have come up empty. Can someone point me in the right direction. Thanks, Bryan Why can't this HTML Code: HTML Code: <table class='tableborder' cellpadding='6' cellspacing='1' border='0' width='100%'><tr><td class='maintitle' colspan='3' style='text-align:center'><a href='/index.php?showtopic='+ topicid +'' title='View the thread'>'+ maintitle +'</a></td></tr><tr><td align='center' class='row2' border='0'>Winner's Avatar</td><td align='center' class='row2' border='0'>Winner's Entry</td><td align='center' class='row2' border='0'>Winner's Prize</td></tr><tr><td align='center' class='row4' border='0'><a href='/index.php?showuser='+ userid +''><img src=''+ avatar +'' border='0' alt=''+ username +''s Avatar' /></a></td><td align='center' class='row3' border='0'><img src=''+ signature +'' alt=''+ username +''s Entry' /></td><td align='center' valign='middle' class='row4' border='0'><fieldset class='fieldset'><legend>Prize</legend><div><b>Name:</b> <a href='/index.php?showuser='+ userid +''>'+ username +'</a></div><div><b>Prize:</b> '+ prize +'</div><div><b>Admin Rating:</b> <img src=''+ ratimg +'' alt=''+ opinion +'' /></div><div><a href='/index.php?showtopic='+ topicid +''>Click here to visit the thread.</a></div></fieldset></td></tr></table> Go into JavaScript like this: HTML Code: <script>
var topicid = ''; /* Something in here. */
var maintitle = ''; /* Something in here. */
var userid = ''; /* Something in here. */
var avatar = ''; /* Something in here. */
var username = ''; /* Something in here. */
var signature = ''; /* Something in here. */
var prize = ''; /* Something in here. */
var ratimg = ''; /* Something in here. */
var opinion = ''; /* Something in here. */
document.write('<table class='tableborder' cellpadding='6' cellspacing='1' border='0' width='100%'><tr><td class='maintitle' colspan='3' style='text-align:center'><a href='/index.php?showtopic='+ topicid +'' title='View the thread'>'+ maintitle +'</a></td></tr><tr><td align='center' class='row2' border='0'>Winner's Avatar</td><td align='center' class='row2' border='0'>Winner's Entry</td><td align='center' class='row2' border='0'>Winner's Prize</td></tr><tr><td align='center' class='row4' border='0'><a href='/index.php?showuser='+ userid +''><img src=''+ avatar +'' border='0' alt=''+ username +''s Avatar' /></a></td><td align='center' class='row3' border='0'><img src=''+ signature +'' alt=''+ username +''s Entry' /></td><td align='center' valign='middle' class='row4' border='0'><fieldset class='fieldset'><legend>Prize</legend><div><b>Name:</b> <a href='/index.php?showuser='+ userid +''>'+ username +'</a></div><div><b>Prize:</b> '+ prize +'</div><div><b>Admin Rating:</b> <img src=''+ ratimg +'' alt=''+ opinion +'' /></div><div><a href='/index.php?showtopic='+ topicid +''>Click here to visit the thread.</a></div></fieldset></td></tr></table>')
</script>
I want to have a similar feature that this page has http://dtlr.com/shoes/shoes.html only the part that has the 4 thumbnails of the cropped shoes and then the larger image of the shoe next to it. Is this possible to build with html or javascript or is advanced css or something else needed? thanks K so I'm making my brother an inventory website that leads to a digital order sheet. On the order sheet, it has a dropdown of the items he has in the database. It's supposed to show the quantity of what he has in stock, but here's the thing: In this database, there are two tables, called Dishes, and Cables. These two tables are assigned to 1 id, so that I can display them in <td id = 'quantity'/>. The problem is, it displays the Cables only, but I want it to be so that if I select one of the dishes, it selects the quantity for the dishes, and if I select one of the cables. Here's the code I have. Code: <html>
<head>
<script type="text/javascript" >
var data = null;
var data2 = null;
function GETSTUFF(stuff) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.open('GET', stuff, false);
xmlhttp.send();
return xmlhttp.responseText;
}
function buildList() {
data = eval('('+ GETSTUFF('inventory_2.php') +')');
console.log(data);
for (var i=0;i<data.length;i++) {
document.getElementById('materials').innerHTML += '<option onclick="showQuantity(\''+ data[i]['Quantity'] +'\'">'+ data[i]['Supplier'] +'</option>';
}
data2 = eval('('+ GETSTUFF('inventory_21.php') +')');
console.log(data2);
for (var i2=0;i2<data2.length;i2++) {
document.getElementById('materials').innerHTML += '<option onclick="showQuantity(\''+ data2[i2]['Quantity (Boxes)'] +'\'">'+data2[i2]['Type'] +'</option>';
}
}
function showQuantity() {
var supplier = document.getElementById('materials').options[document.getElementById('materials').selectedIndex].value;
var type = document.getElementById('materials').options[document.getElementById('materials').selectedIndex].value;
var amount = 0;
var amount2 = 0;
for (var i=0;i<data.length;i++) {
if (data[i]['Supplier'] == supplier) {
amount = (data[i]['Quantity']);
}
}
document.getElementById('quantity').innerHTML = 'Quantity : '+amount;
for (var i2=0;i2<data2.length;i2++) {
if (data2[i2]['Type'] == type) {
amount2 = (data2[i2]['Quantity (Boxes)']);
}
}
document.getElementById('quantity').innerHTML = 'Quantity (Boxes) : '+amount2;
}
</script>
</head>
<body onload="setTimeout('buildList()' ,100)"/>
<center>
<img src="images.jpg" width=125px height=125px/>
<br>
<font size="8" color="grey" face="purisa">Home </font> <font size="8" color="red" face="purisa"> Communications</font>
<br>
<font size="5" color="grey" face="purisa">Order </font> <font size="5" color="red" face="purisa"> Sheet</font>
<br>
<table border="3" width="100%">
<tr>
<th>Material:</th>
<th>Quantity in stock:</th>
<th>Quantity needed:</th>
</tr>
<tr>
<td>
<select id="materials" name= "" onchange = "showQuantity()">
<option disabled>Select</option>
</select>
</td>
<td id="quantity">
</td>
<td>
<form>
<input type = "quantityNeeded" />
</form>
</td>
</tr>
</table>
<br>
<input type = "button" value="Submit"/>
</center>
</body>
</html>
I know the if statement involves selectedIndex, but I can't figure it out. Please help. Hi All, This doesn't completely relate to HTML, I am more asking questions about Javascript but are related to HTML and CSS. Anyways here are my questions: 1 - Can you create a javascript file (.js) with out using HTML? If so how would you view this file? 2 - Can you link a CSS file to a Javascript file? 3 - Is there a certain program which is dedicated to view/making Javascript files? 4 - Is it legal to call a program that I make JavaScript Beam? and have copyrights to the name JavaScript Beam? If that is illegal then would it be legal (inclduing copyrights) to call the program I make JS Beam? Thanks hi, I'm not sure if its javascript that does it or any other language, but I being googling an cant find it.I am building a site and wanna create a "question sign" ? that when users hover over it , a dialogue box appears explaining what it is.I'm sure most of us have seen it on some site or the other. what I am looking for is like http://www.alexa.com/siteinfo/linuxquestion.org where it says,"Alexa traffic rank" and you hover over the question sign.Thats exactly what I want Can I get some help or links to text on how to create one? Thank you So I want to make an image that has mouseover tables that pop up. This is what the code looks like now: Code: <html>
<table>
<tr><td><img src= "pic.bmp" usemap="#mapareas"/></td></tr>
</table>
<map NAME ='mapareas'>
<script language='JavaScript' type='text/javascript'>
function show(id)
{
document.getElementById(id).style.visibility='visible';
return true;
}
function hide(id)
{
document.getElementById(id).style.visibility='hidden';
return true;
}
</script>
<area shape = "rect" coords="0,0,100,100" title="one" onmouseover='javascript:show('one') onmouseout='javascript:hide('one')>
<area shape = "rect" coords= "150,0,250,100" title="two" onmouseover='javascript:show('two') onmouseout='javascript:hide('two')>
<area shape = "rect" coords= "0,150,100,250" title="three" onmouseover='javascript:show('three') onmouseout='javascript:hide('three')>
<area shape = "rect" coords= "150,150,250,250" title="four" onmouseover='javascript:show('four') onmouseout='javascript:hide('four')>
<area shape = "default" title="The Rest">
</map>
<table border=0 cellPadding=0 cellSpacing=1 id='one' style='position:absolute; left:10px; top:120px; background:lightGrey; visibility:hidden'>
<tr><td>ONE</td></tr>
</table>
<table border=0 cellPadding=0 cellSpacing=1 id='two' style='position:absolute; left:10px; top:120px; background:lightGrey; visibility:hidden'>
<tr><td>TWO</td></tr>
</table>
<table border=0 cellPadding=0 cellSpacing=1 id='three' style='position:absolute; left:10px; top:120px; background:lightGrey; visibility:hidden'>
<tr><td>THREE</td></tr>
</table>
<table border=0 cellPadding=0 cellSpacing=1 id='four' style='position:absolute; left:10px; top:120px; background:lightGrey; visibility:hidden'>
<tr><td>FOUR</td></tr>
</table>
</html>
everything is ok when the page is first loaded, but when I try the mouseovers, firefox's error console gives me this message: "syntax error javascript:show(" and "syntax error javascript:hide(" Can someone help me figure out what is going wrong? Thanks Hey Team I am New to the boars this is my first html/java script code i wrote.. but it doesnt wan work could some body see wr my mistake is .. thx HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.1 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=utf-8">
<title>Reservation Form</title>
</head>
<body>
<form action="res.php" method="post" name="pricecheck">
<input type="text" value="Limousine" disabled="disabled" />
<br>
<table width="352" border="3" cellspacing="1" cellpadding="3">
<tr>
<td><strong>Party size:</strong></td>
<td>
<select name="pasn" id="pasn" size="1">
<option value="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>
</select>
</td>
</tr>
<tr>
<td><strong> Trip Type:</strong></td>
<td>
<select name="tt" id="tt" size="1">
<option selected="">Select One</option>
<option value="One Way">One Way</option>
<option value="Round Trip">Round Trip</option>
<option value="Land&Sea/Sea&Land">Land&Sea/Sea&Land</option>
</select>
</td>
</tr>
<tr>
<td><strong>Transfare type</strong></td>
<script type="text/javascript">
<td>
if(tt="One Way")
{
<select name="trant1" id="trant" size="1">
<option>Select One</option>
<option value="12">MCO To Disney</option>
<option value="13">Disney To MCO</option>
<option value="14">MCO To Cruis</option>
<option value="15">Cruis To MCO</option>
<option value="16">Disney To Cruis</option>
</select>
}else if (tt="Round Trip")
{
<select name="trant2" id="trant" size="1">
<option>Select One</option>
<option value="17">MCO To Disney To MCO</option>
<option value="18">MCO To Cruis To MCO</option>
<option value="19">Disney To Cruis To Disney</option>
<option value="20">Dsiney To Cruis To MCO</option>
}else (tt="Land&Sea/Sea&Land")
{
<select name="trant3" id="trant" size="1">
<option>Select One</option>
<option value="21 ">MCO To Disney to Cruis To MCO</option>
<option value="22">MCO To Cruis To Dsiney to MCO</option>
}
</script>
</td>
</tr>
</table>
</form>
</body>
</html>
thx again iehab ********* okay made a little changes still not work.. HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.1 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=utf-8">
<title>Reservation Form</title>
</head>
<body>
<form action="res.php" method="post" name="pricecheck">
<input type="text" value="Limousine" disabled="disabled" />
<br>
<table width="352" border="3" cellspacing="1" cellpadding="3">
<tr>
<td><strong>Party size:</strong></td>
<td>
<select name="pasn" id="pasn" size="1">
<option value="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>
</select>
</td>
</tr>
<tr>
<td><strong> Trip Type:</strong></td>
<td>
<select name="tt" id="tt" size="1">
<option selected="">Select One</option>
<option value="One Way">One Way</option>
<option value="Round Trip">Round Trip</option>
<option value="Land&Sea/Sea&Land">Land&Sea/Sea&Land</option>
</select>
</td>
</tr>
<tr>
<td><strong>Transfare type</strong></td>
<td>
<script type="text/javascript">
var trant = array("MCO To Disney","MCO To Disney","MCO To Cruis","Cruis To MCO","Disney To Cruis","MCO To Disney To MCO","MCO To Cruis To MCO","Disney To Cruis To Disney","Dsiney To Cruis To MCO","MCO To Disney to Cruis To MCO","MCO To Cruis To Dsiney to MCO")
if(tt="One Way")
{
for (i=0; i<=4; i++);
document.write(<select name="trant[i]">tran[i]</select>);
}else if (tt="Round Trip")
{
for (i=5; i<=8; i++);
document.write(<select name="trant[i]">tran[i]</select>);
}else (tt="Land&Sea/Sea&Land")
{
for (i=9; i<=10; i++);
document.write(<select name="trant[i]">tran[i]</select>);
}
</script>
</td>
</tr>
</table>
<br>
<input name="Submit" type="submit" value="Get Price>>" />
<input type="reset" name="Reset" id="button" value="Reset">
</form>
</body>
</html>
just i load one template in the page, and i create one button in that template, but when i reduce the size of the page, the template will move but the button will exist, i mean that will be constant... how to avoid that? here just i load one image into the page, so how to change that into a button? i want to change help_button.jpg into button function changeSrc() { document.getElementById("temp1"); document.getElementById("choice1"); //var img = new Image(); //img.src="template_bg.jpg"; //document.body.appendChild(img); } </script> <body onload="changeSrc()"> <div id="apDiv1"><img id="temp1" align="middle" src="template_bg.jpg" width="694" height="566" /> <div id="apDiv2"><img id="choice1" align="middle" src="help_button.jpg" width="107" height="98"</div> </div> Code: function send_onclick(frmName)
{
var bolSubmit;
bolSubmit = true;
if (frmName.email.value == "")
{
alert("You must enter an email address");
bolSubmit = false;
}
if (bolSubmit == true)
{
frmName.submit(frmName);
}
}
</script>
</head>
<body>
<form name="frmName" method="post" action="validate.asp">
Enter your name in the text box. If nothing is entered, a warning <br />
message will be displayed. Only when you enter something into the <br />
text box will the page be submitted. <br /><br />
Please enter your name : <input type="text" name="email" size="20" /><br />
<input type="button" name="butSent" value="Do it" onclick="return send_onclick(frmName)">
</form>
</body>
</html>
Hi there, I would like to know the purpose of having var bolSubmit in the code above. Also, why is it that "form name" allows my code to work even though there is a warning stating that it is outdated, but when I change it from "form name" to "form id", it does not complain of the warning anymore, but instead my code does not work. Please advise. Hello, I would like to put the following Javascript into some of my posts on my Message Forums, but the Invision Boards don't allow javascripts to execute. Therefore I can put only HTML code. Code: <script language="JavaScript1.2">
//Disable select-text script (IE4+, NS6+)
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
Any help will much appreciated! I have an embedded flash element and calls on a URL for it's content. Code: <embed flashvars="www.url.com"........> The URL I need I have as a variable in some javascript in the header. How can I set flashvars to be the variable I need? Hi. On my website I have some HTML buttons that don't do anything. There is a read only blank text box underneath that the user cannot input things into. Is there some sort of javascript I can use so that when a certain button is clicked, writing that I have specified will appear in the text box? Thanks P.S Also if you could tell me how to do a link that when clicked all the text will be selected at once that would be great I'm an amateur web site builder and since upgrading to Flash CS3 I've ran into a few problems, mostly with the way the new flash publishes the html files. They now added a javascript file that accompanies the html file to apparently assist in the loading of the flash file. What I'm trying to do is add a script to the html file that will resize the window based the users screen resolution. I've used scripts in the past to do this, but for some reason they won't work with this new html file. I'm assuming the javascript file plays a part in this, correct me if I'm wrong. It would be great if someone could help me with a script that would allow for the html file to resize the browser window based on the users screen resolution, or something similar to that. I've included the html and javascript file for you to look at. Click here to view the project I'm working on. Any help is greatly appreciated. Thank you, Dustin |
|||||||