html - Forms og Submit knapper - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #8943 @ 15.03.06 09:15

Hej med jer.

Jeg er stødt på et lille problem i mit lille "projekt" her.
Vil gerne poste lidt af min kilde, så det gør jeg lige:

Kode

<% @ Language = VBScript %>
<% Option Explicit %>
<html>
<head>
<script src="checkvalue.js">
</script>
<script src="showhide.js">
</script>
</head>

<body>
<title> Batterylife Calculation </title>
<FORM METHOD="get" ACTION="Calculation.asp" Name="FormCalculation">
</form>
<table>





<tr>
 <th align="left"><H3>Pulse A</h3></th>
</tr>

<tr>

 
 
<th><h3>Frequency:</h3></th><th> </th> <th> <INPUT TYPE=NUMBER NAME=pulseAfreq></th></tr>

</table>

<table>
<tr>
<th align="left"><h3>Pulse B</h3></th> 

<th> </th><th> </th><th> </th><th> </th>
  <th align="left">     <INPUT onclick="ShowVisibility('PulseMode'); HideVisibility('AlarmMode');" TYPE=RADIO NAME=Mode Value=0>Pulsemode</th>
  <th align="left">     <INPUT onclick="ShowVisibility('AlarmMode'); HideVisibility('PulseMode');" TYPE=RADIO NAME=Mode Value=1>Alarmmode</th>

</tr>

<b>
<tr> 
</tr>
<tr></tr><tr></tr><tr></tr><tr></tr>
</b>

</table>

<div id="PulseMode">
<table>

	<th><h3>Frequency:</h3></th><th> </th><td><INPUT TYPE=NUMBER NAME=pulseBfreq></td><td><b>0-100hz</b></td></tr>

</table>

</div>

<table>
<tr></tr><tr></tr>
</table>

<div id="AlarmMode">
<table>
	<tr><th><h3>Alarm:</h3></th><th> </th><td> </td><td> </td><td> </td><td> </td><td>
	<INPUT TYPE=NUMBER NAME=Ontimealarm>
	</td><td><b>On time%</b></tr>
</table>

</div>
<table>
<tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr>

<tr><th><h3>Actualflow:</h3></th><th> </th> <td><INPUT TYPE=NUMBER NAME=DialogActualflow><b> 0->100</b></td><td><b> On time %</b></td></tr></table>
<table>
<tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr>

<tr><th><h3>Leakage Detection</h3></th>
<tr></tr>
<% If Request.QueryString("Leakdetection") = "0" Then %>

  <th><b><INPUT onclick=HideVisibility('LeakageOptions') TYPE=RADIO NAME=leakdetection VALUE=0 checked>Disabled <INPUT onclick=ShowVisibility('LeakageOptions') TYPE=RADIO NAME=leakdetection VALUE=1>Enabled </b></th></tr>

<% Else %>

  <th><b><INPUT onclick=HideVisibility('LeakageOptions') TYPE=RADIO NAME=leakdetection VALUE=0>Disabled <INPUT onclick=ShowVisibility('LeakageOptions') TYPE=RADIO NAME=leakdetection VALUE=1 checked>Enabled </b></td></tr>

<% End If %>

</table>

<div id="LeakageOptions">

<table>
<tr></tr>
<tr></tr>
<tr></tr>
<tr><small><th> </th><th><b>Leakage Excitation Frequency</b></th><th> </th><td> </td><th align="left"><b>Leakage Duration</b></th></tr>

<tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr>


<tr>
<td> </td><td><SELECT NAME=LeakageFreq SIZE=6>
	<OPTION VALUE="1">1/60hz
	<OPTION VALUE="2">1/30hz
	<OPTION VALUE="3">1/15hz
	<OPTION VALUE="4">1/5hz
	<OPTION VALUE="5">1.5625hz
	<OPTION VALUE="6">3.125hz
	<OPTION VALUE="7">6.25hz
</select></td>
<td> </td><td> </td>
<td><SELECT NAME=LeakageDuration SIZE=6>
	<OPTION VALUE="1">10
	<OPTION VALUE="2">20
	<OPTION VALUE="3">30
	<OPTION VALUE="4">40
	<OPTION VALUE="5">50
	<OPTION VALUE="6">60
	<OPTION VALUE="7">70
	<OPTION VALUE="8">80
	<OPTION VALUE="9">90
	<OPTION VALUE="10">100
	<OPTION VALUE="11">110
	<OPTION VALUE="12">120
	<OPTION VALUE="13">130
	<OPTION VALUE="14">140
	<OPTION VALUE="15">150
	<OPTION VALUE="16">160
	<OPTION VALUE="17">170
	<OPTION VALUE="18">180
	<OPTION VALUE="19">190
	<OPTION VALUE="20">200
	<OPTION VALUE="21">210
	<OPTION VALUE="22">220
	<OPTION VALUE="23">230
	<OPTION VALUE="24">240
  </select></td></tr>


</table>

</div>

<table>

<tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr>

<tr><th><h3>Temperature</h3></th></tr>

<tr><th> </th><th> </th><th> </th><th> </th><th> </th><th> </th><th><small><b>Ontime %</b></small></th></tr>

<tr></tr><tr></tr><tr></tr><tr></tr><tr></tr><tr></tr>
</table>
<table>

<form name="FormChangeText">	       
<tr>
  <th>Temperature 0°:</th><th align="left"><INPUT TYPE=text NAME="ValueOne" onblur="CalcSum();"></th>
</tr>
<tr>
  <td><b></b></td>
</tr>
<tr>
  <th><b>Temperature 15°:</b></th><th align="left"><INPUT TYPE=text NAME="ValueTwo" onblur="CalcSum();"></th>
</tr>
<tr>
  <td></td>
</tr>
<tr>
  <th><b>Temperature 50°:</b></th><th align="left"><INPUT TYPE=text NAME="ValueThree" onblur="CalcSum();"></th>
</tr>
<tr>
  <td></td>
</tr>
<tr>
  <th><b>Overall Sum:</b></th><th align="left"><input type=text name="Sum" onchange="CopyText();" disabled></th><th><b>Has to be 100</b></th>
</tr>
</form>
</table>
<table>
<tr></tr><tr></tr>

<tr><th>Main Frequency:</th>

  <td><INPUT TYPE=RADIO NAME=mainFreq VALUE=50 Checked=1><b>50hz</b><INPUT TYPE=RADIO NAME=MainFreq VALUE=60><b>60hz</b></td></tr>
<br>


<tr><td></td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>

</table>
</form>
<INPUT TYPE=SUBMIT VALUE=Calculate NAME="FormCalculation">
</table>

</body>
</html>

Øverst har jeg <FORM METHOD="get" ACTION="Calculation.asp"

Men hvordan i alverden får jeg den til at sende oplysningerne til calculation.asp siden?

Hvis jeg trækker de andre forms ud af dokumentet, så virker det fint - men så virker mine js-funktioner ikke.

Anyone? - Det er sikkert en lille fejl, men jeg er stadig rimeligt uerfaren mht html, javascript og asp.

4 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #3275 @ 15.03.06 09:37

1.736

Du lukker formen lige efter du har åbnet den. Derfor virker det ikke. I øvrigt har du også en form længere nede der ikke har nogen action.

Bruger #8943 @ 15.03.06 09:41

Du lukker formen lige efter du har åbnet den. Derfor virker det ikke. I øvrigt har du også en form længere nede der ikke har nogen action.

Hej Jonas,

Jeg er blevet nødt til at lukke formen foroven, for at få mine funktioner længere nede til at virke.

Den anden <form name="FormChangeText"> jeg har, er for at få

Kode

	function GetFormElement(strForm, strElement)
	{
	   // Hvis strElement er tom, så skal man bare have fat i form'en. Eller skal der lige tilføjes et punktum.
		if (strElement != "") 
	{		strElement = "." + strElement;
	}
		return (eval("document.forms['" + strForm + "']" + strElement));
	}

	function CalcSum()
	{
		var ValueOne  = parseInt(document.FormChangeText.ValueOne.value);
		var ValueTwo = parseInt(document.FormChangeText.ValueTwo.value);
		var ValueThree = parseInt(document.FormChangeText.ValueThree.value);

		var Sum = ValueOne + ValueTwo + ValueThree;

		if ( Sum != 100 )
		{
			document.FormChangeText.Sum.value = 'Sum = ' + Sum;
		}
		else
		{
			document.FormChangeText.Sum.value = Sum;
		}
	}

Denne funktion til at virke.

Kan jeg eventuelt aktivere det javascript uden at bruge en form?

Bruger #5620 @ 15.03.06 14:52

1.500

Den form du bruger i java script kan du fjerne form tagsne på og five input elementerne id attributter i stedet for name

så kan du referer til dem document.getElementById(ID).value
der vor du nu referer til dem document.FormChangeText.NAME.value

hvor name ID og NAME f.eks kunne være ValueThree

Bruger #8943 @ 17.03.06 08:16

Den form du bruger i java script kan du fjerne form tagsne på og five input elementerne id attributter i stedet for name

så kan du referer til dem document.getElementById(ID).value
der vor du nu referer til dem document.FormChangeText.NAME.value

hvor name ID og NAME f.eks kunne være ValueThree

Du mener ala

Kode

function CalcSum()
	{
		var ValueOne  = parseInt(document.getElementById(ValueOne).value);
		var ValueTwo = parseInt(document.getElementById(ValueTwo)value);
		var ValueThree = parseInt(document.getElementById(ValueThree).value);

		var Sum = ValueOne + ValueTwo + ValueThree;

		if ( Sum != 100 )
		{
			document.getElementById.Sum.value = 'Sum = ' + Sum;
		}
		else
		{
			document.getElementById.Sum.value = Sum;
		}
	}

Tak for hjælpen, det har drillet mig halv længe det her.

Forms og Submit knapper

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler