drukconversie calculatieformulier in frontpage

Status
Niet open voor verdere reacties.
J

Johny88

Gebruiker
Lid geworden
22 apr 2010
Berichten
21
goedendag,

Ik wil op een pagina opgebouwd vanuit frontpage een formulier plaatsen.

Dit formulier moet in staat zijn verschillende druk eenheden om te zetten naar andere druk eenheden.

Zie link voor een voorbeeld.

http://www.lenntech.nl/calculatoren/pressure/druk.htm

Ik zelf het volgende stukje code geschreven:

Code: 
<html> 

<head> 
<meta name="GENERATOR" content="Microsoft FrontPage 6.0"> 
<meta name="ProgId" content="FrontPage.Editor.Document"> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>New Page 1</title> 
<script> 
function getAns() { 
var a = document.Calc.bar.value; 
var b = 0.987
var c = 100000
var d = 750
var ans = a * b
var ans1 = a * c  
var ans2 = a * d  
document.Calc.Ans.value = ans; 
document.Calc.Ans1.value = ans1; 
document.Calc.Ans2.value = ans2; 
return 
} 
</script> 
</head> 

<body> 
<form name="Calc"> 
<blockquote>
	<p><span class="msg">bar&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="text" name="bar" size="18"></p>atmosfeer&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="text" name="Ans" size="18"><p>pascal&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="text" name="Ans1" size="18">&nbsp;&nbsp;&nbsp; </p>
	<p>torr (mmHg)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="text" name="Ans2" size="18"></p>
</blockquote>
<p>
</p> 
<br> 
<input type="button" onClick="getAns();" name="B1" value="Calculate"> 
</form> 
</body> 

</html>

Nu krijg ik als ik een waarde bij bar intik de juiste waarden terug bij de overige eenheden. Maar als ik bij de overige eenheden een waarde intik om bijvoorbeeld de waarde van het aantal bar te krijgen werkt dit niet. (dus andersom)

Bij de meegegeven link werkt dit wel.

Weet iemand dit voor elkaar te krijgen?
 
allereerst: welkom op helpmij.nl

jij hebt dus dit javascript:
[JS]
<script>
function getAns() {
var a = document.Calc.bar.value;
var b = 0.987
var c = 100000
var d = 750
var ans = a * b
var ans1 = a * c
var ans2 = a * d
document.Calc.Ans.value = ans;
document.Calc.Ans1.value = ans1;
document.Calc.Ans2.value = ans2;
return
}
</script>
[/JS]
je gaat steeds van het eerste veld uit, ik bedoel "var ans1"(het pascal veld) word altijd ingesteld op het bar veld maal 10000 ook al heb je alleen het torr veld ingevuld.
in jouw voorbeeld (je link) worden alle velden leeggemaakt als je in een veld typt en word er daarna gekeken in welk veld er getypt is.
ik heb hier de code van je voorbeeld pagina:
de html:
HTML: 
<html>
<head>
	<title>converter</title>
	<script language='javascript' src='javascript.js'></script>
</head>
<body>
<form name="converse"> 
	<center> 
		<table width="45%" border="0"> 
			<tbody>
				<tr>
					<td align="center">significantie: </td> 
					<td width="57%" align="center"> 
						<select size="1" name="D" onchange="change()"> 
							<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> 
						</select> 
					</td> 
				</tr> 
				<tr> 
					<td width="103%" align="center"> 
						<p align="center"> bar </p>
					</td> 
					<td width="57%" align="center"> 
						<input name="a8" size="20" onfocus="clearConverse()" type="text"> 
					</td> 
				</tr> 
				<tr> 
					<td width="103%" align="center"> atmosfeer </td> 
					<td width="57%" align="center"> 
						<input name="b8" size="20" onfocus="clearConverse()" type="text">
					</td> 
				</tr>
				 <tr> 
					<td width="103%" align="center"> pascal </td> 
					<td width="57%" align="center">
						<input name="c8" size="20" onfocus="clearConverse()" type="text">
					 </td> 
				 </tr>
				 <tr> 
					 <td width="103%" align="center"> torr (mmHg) </td> 
					 <td width="57%" align="center"> 
						<input name="d8" size="20" onfocus="clearConverse()" type="text">
					 </td>
				 </tr>
				 <tr>
					 <td width="103%" align="center"> mm waterkolom </td> 
					 <td width="57%" align="center"> 
						<input name="i8" size="20" onfocus="clearConverse()" type="text">
					 </td>
				 </tr>
				 <tr> 
					 <td width="103%" align="center"> m waterkolom </td> 
					 <td width="57%" align="center">
						<input name="h8" size="20" onfocus="clearConverse()" type="text">
					 </td> 
				 </tr> 
				 <tr> 
					 <td width="103%" align="center"> kg/cm<sup>2</sup> </td> 
					 <td width="57%" align="center"> 
						<input name="g8" size="20" onfocus="clearConverse()" type="text">
					 </td> 
				 </tr> 
				 <tr> 
					 <td width="103%" align="center"> pound per square feet </td> 
					 <td width="57%" align="center"> 
						<input name="e8" size="20" onfocus="clearConverse()" type="text">
					 </td> 
				 </tr> 
				 <tr> 
					 <td width="103%" align="center"> pound per square inch </td> 
					 <td width="57%" align="center"> 
						<input name="f8" size="20" onfocus="clearConverse()" type="text">
					 </td> 
				 </tr> 
				 <tr> 
					 <td width="103%" align="center"> 
					 </td> 
					 <td width="57%" align="center"> 
						 <input value="calculate" name="calculate" onclick="convertor8()" type="button">
						 <input value="Reset" name="reset" type="reset"> 
					 </td> 
				 </tr> 
			 </tbody>
		 </table> 
	 </center> 
</form> 
</body>
</html>
en de bijbehorende javascript (javascript.js)
[JS]
function change()
{
convertor8()
}
function clearConverse(){
var form = window.document.converse
for(var i = 0; i < form.elements.length; i++){
if(form.elements.type == "text"){
form.elements.value = ""
}
}
}
function convertor8()
{
var a = document.converse.a8.value //bar
var b = document.converse.b8.value //atmosfeer
var c = document.converse.c8.value //pascal
var d = document.converse.d8.value //torr (mmHg)
var e = document.converse.e8.value //pound per square feet
var f = document.converse.f8.value //pound per square inch
var g = document.converse.g8.value //kg per square cm
var h = document.converse.h8.value //meter water
var i = document.converse.i8.value //milimeter water
var value1 = document.converse.D
var D = value1.options[value1.selectedIndex].value

temp=0;
if(a != ""){ temp = document.converse.a8.value*1}
if(b != ""){ temp = document.converse.b8.value*1.01325}
if(c != ""){ temp = document.converse.c8.value*1e-5}
if(d != ""){ temp = document.converse.d8.value*0.001333224}
if(e != ""){ temp = document.converse.e8.value*0.0004788026}
if(f != ""){ temp = document.converse.f8.value*0.06894757}
if(g != ""){ temp = document.converse.g8.value*0.980665}
if(h != ""){ temp = document.converse.h8.value*0.098}
if(i != ""){ temp = document.converse.i8.value*0.000098}

document.converse.a8.value = (temp / 1).toPrecision(D)
document.converse.b8.value = (temp / 1.01325).toPrecision(D)
document.converse.c8.value = (temp / 1e-5).toPrecision(D)
document.converse.d8.value = (temp / 0.001333224).toPrecision(D)
document.converse.e8.value = (temp / 0.0004788026).toPrecision(D)
document.converse.f8.value = (temp / 0.06894757).toPrecision(D)
document.converse.g8.value = (temp / 0.980665).toPrecision(D)
document.converse.h8.value = (temp / 0.098066).toPrecision(D)
document.converse.i8.value = (temp / 0.000098066).toPrecision(D)
}
[/JS]
 
Laatst bewerkt:
Toppie

Bedankt!, percies wat ik zocht

Mag ik vragen hoe je de javacode tevoorschijn hebt getoverd?
 
even tussendoor: het is javascript code niet java code, dat is wat anders.

ik heb het formulier gekopieerd en gekeken welke javascript functies er worden aangeroepen, zoals: onchange="change()" en onfocus="clearConverse()" en onclick="convertor8()".
ik heb alle javascript code getoond via de web developer's toolbar (voor firefox), namelijk information-> view javascript. daar heb ik de functies opgezocht en netjes bijelkaar gezet.

de web developer's toolbar is trouwens echt de moeite waard (net als het gebruik van firefox als je dat nog niet doet) je kan namelijk ook snel kijken of je javascript en css code's kloppen en nog een heleboel informatie van een pagina opvragen.
firefox download je hier en developer's toolbar hier. ik heb alleen wel gehoord dat frontpage alleen goed werkt met internet Explorer maar dat moet je dan maar even bekijken
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan