March 4th, 2009
2 examples handy for when a user enters data on a form
<div align=”center”>
<form name=lowerexample”>
<input type=”text” name=”caps” size=”40″
value=”" onChange=”javascript:this.value=this.value.toLowerCase();”>
<br>
<input type=”button” value=”convert”>
</form>
</div>
<div align=”center”>
<form name=”upperexample”>
<input type=”text” name=”caps” size=”40″
value=”" onChange=”javascript:this.value=this.value.toUpperCase();”>
<br>
<input type=”button” value=”convert”>
</form>
</div>
Tags: toLowerCase, toUpperCase
Posted in text | No Comments »
February 23rd, 2009
This simply pops up an alert box when you push a button
Tags: alert
Posted in Alerts | No Comments »
February 23rd, 2009
<form>
<input TYPE=”button” VALUE=” BACK ” onClick=”history.go(-1)”>
<input TYPE=”button” VALUE=”FORWARD” onCLick=”history.go(1)”>
</form>
Tags: history.go
Posted in Buttons | No Comments »
February 23rd, 2009
This goes between the <body> </body> tags
<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin
var myWeight;
var myDistance;
function HowMany(form) {
var difference;
difference = (myDistance * myWeight) * .653;
form.Fdiff.value = difference;
if (difference < 100) {
form.comment.value=”You better start working!”;
}
if (difference > 101 && difference < 200) {
form.comment.value=”Nice run, but you can do better.”;
}
if (difference > 201 && difference < 300) {
form.comment.value=”Very good! Push above 300 next time.”;
}
if (difference > 301 && difference < 500) {
form.comment.value=”Great! Your a runner…..keep it up!”;
}
if (difference > 501 && difference < 700) {
form.comment.value=”Bill Rogers move over!”;
}
if (difference > 701) {
form.comment.value=”Your my hero! Have a jelly doughnut.”;
}
}
function SetMyWeight(weight) {
myWeight = weight.value;
}
function SetmyDistance(dis) {
myDistance = dis.value;
}
function ClearForm(form){
form.myWeight.value = “”;
form.myDistance.value = “”;
form.Fdiff.value = “”;
form.comment.value = “”;
}
// End –>
</SCRIPT>
<CENTER>
<FORM METHOD=”POST”>
<TABLE border=3>
<TR>
<TR>
<TD><div align=center>Your<br>Weight</div></TD>
<TD><div align=center>Miles<br>run</div></TD>
<TD><div align=center>Calories<br>burned</div></TD>
<TD><INPUT TYPE=BUTTON ONCLICK=”HowMany(this.form)” VALUE=”Calculate”></TD>
</TR>
<tr>
<TD><div align=center><INPUT TYPE=text NAME=myWeight SIZE=”4″ONCHANGE=”SetMyWeight(this)”></div></TD>
<TD><div align=center><INPUT TYPE=text NAME=myDistance SIZE=”4″ONCHANGE=”SetmyDistance(this)”></div></TD>
<TD><div align=center><INPUT TYPE=text NAME=”Fdiff” VALUE=”" SIZE=”6″></div></TD>
<TD><div align=center><INPUT TYPE=BUTTON VALUE=” Reset ” onClick=”ClearForm(this.form)”></div></tr>
</table>
<table border=3>
<tr>
<TD><DIV ALIGN=CENTER>Comments</DIV></TD>
<TD><INPUT TYPE=text NAME=”comment” size=”37″></td>
</TR>
</TABLE>
</FORM>
</CENTER>
Posted in Calculators | No Comments »
February 23rd, 2009
<SCRIPT LANGUAGE=”JavaScript”>
<!– Begin
function MakeArray(n) {
this.length = n;
for (var i = 1; i <= n; i++) {
this[i] = 0 }
return this
}
speedVar = new MakeArray(11);
speedVar[1] = “1.1719″
speedVar[2] = “1.7578″
speedVar[3] = “3.5156″
speedVar[4] = “6.8359″
speedVar[5] = “7.8125″
speedVar[6] = “16.6250″
speedVar[7] = “187.9883″
speedVar[8] = “1220.7031″
speedVar[9] = “3295.8984″
speedVar[10] = “5493.1641″
speedVar[11] = “18920.8984″
function compute(form, mult){
for (i=1; i < 12; i++){
if (form.size.value==null||form.size.value.length==0){
form.size.value=0;}
if (form[i+"hour"].value==null||form[i+"hour"].value.length==0){
form[i+"hour"].value=0;}
if (form[i+"minute"].value==null||form[i+"minute"].value.length==0){
form[i+"minute"].value=0;}
if (form[i+"second"].value==null||form[i+"second"].value.length==0){
form[i+"second"].value=0;}
if (mult != 0 && form.size.value != 0){
with (Math){
var speed = speedVar[i];
var TotalTime = ((form.size.value*mult)/speed);
var TotalHours = floor((TotalTime/3600));
var TotalHoursMod = (TotalTime%3600);
var TotalMin = floor(TotalHoursMod/60);
var TotalMinMod = (TotalHoursMod%60);
var TotalSec = floor(TotalMinMod);
form[i+"hour"].value=TotalHours;
form[i+"minute"].value=TotalMin;
form[i+"second"].value=TotalSec;
}
}
}
return;
}
// End –>
</SCRIPT>
<FORM METHOD=”POST”>
<CENTER>
<TABLE BORDER=”4″>
<TR>
<TD>File Size?
<INPUT TYPE=”TEXT” NAME=”size” SIZE=”10″>
<INPUT TYPE=”BUTTON” OnClick=”compute(this.form, 1)” VALUE=”KB”>
<INPUT TYPE=”BUTTON” OnClick=”compute(this.form, 1024)” VALUE=”MB”>
</TD>
<TD colspan=3><center><B>It will take you ….</B></CENTER>
</TD>
</TR>
<TR>
<TH>If your modem is a ….</TH>
<TH>Hours </TH>
<TH>Minutes </TH>
<TH>Seconds</TH>
</TR>
<TR>
<TD BGCOLOR=”#ffffff”>9.6 Kb</TD>
<TD><INPUT TYPE=”TEXT” NAME=”1hour” SIZE=”6″> </TD>
<TD><INPUT TYPE=”TEXT” NAME=”1minute” SIZE=”6″> </TD>
<TD><INPUT TYPE=”TEXT” NAME=”1second” SIZE=”6″></TD>
</TR>
<TR>
<TD BGCOLOR=”#ffffff”>14.4 Kb</TD>
<TD><INPUT TYPE=”TEXT” NAME=”2hour” SIZE=”6″> </TD>
<TD><INPUT TYPE=”TEXT” NAME=”2minute” SIZE=”6″> </TD>
<TD><INPUT TYPE=”TEXT” NAME=”2second” SIZE=”6″></TD>
</TR>
<TR>
<TD BGCOLOR=”#ffffff”>28.8 Kb</TD>
<TD><INPUT TYPE=”TEXT” NAME=”3hour” SIZE=”6″> </TD>
<TD><INPUT TYPE=”TEXT” NAME=”3minute” SIZE=”6″> </TD>
<TD><INPUT TYPE=”TEXT” NAME=”3second” SIZE=”6″></TD>
</TR>
<TR>
<TD BGCOLOR=”#ffffff”>56 Kb</TD>
<TD><INPUT TYPE=”TEXT” NAME=”4hour” SIZE=”6″> </TD>
<TD><INPUT TYPE=”TEXT” NAME=”4minute” SIZE=”6″> </TD>
<TD><INPUT TYPE=”TEXT” NAME=”4second” SIZE=”6″></TD>
</TR>
<TR>
<TD BGCOLOR=”#ffffff”>ISDN (64 Kb)</TD>
<TD><INPUT TYPE=”TEXT” NAME=”5hour” SIZE=”6″> </TD>
<TD><INPUT TYPE=”TEXT” NAME=”5minute” SIZE=”6″> </TD>
<TD><INPUT TYPE=”TEXT” NAME=”5second” SIZE=”6″></TD>
</TR>
<TR>
<TD BGCOLOR=”#ffffff”>ISDN (128 Kb)</TD>
<TD><INPUT TYPE=”TEXT” NAME=”6hour” SIZE=”6″> </TD>
<TD><INPUT TYPE=”TEXT” NAME=”6minute” SIZE=”6″> </TD>
<TD><INPUT TYPE=”TEXT” NAME=”6second” SIZE=”6″></TD>
</TR>
<TR>
<TD BGCOLOR=”#ffffff”></TD>
<TD><INPUT TYPE=”HIDDEN” NAME=”7hour” SIZE=”6″> </TD>
<TD><INPUT TYPE=”HIDDEN” NAME=”7minute” SIZE=”6″> </TD>
<TD><INPUT TYPE=”HIDDEN” NAME=”7second” SIZE=”6″></TD>
</TR>
<INPUT TYPE=”HIDDEN” NAME=”8hour” SIZE=”6″>
<INPUT TYPE=”HIDDEN” NAME=”8minute” SIZE=”6″>
<INPUT TYPE=”HIDDEN” NAME=”8second” SIZE=”6″>
<INPUT TYPE=”HIDDEN” NAME=”9hour” SIZE=”6″>
<INPUT TYPE=”HIDDEN” NAME=”9minute” SIZE=”6″>
<INPUT TYPE=”HIDDEN” NAME=”9second” SIZE=”6″>
<INPUT TYPE=”HIDDEN” NAME=”10hour” SIZE=”6″>
<INPUT TYPE=”HIDDEN” NAME=”10minute” SIZE=”6″>
<INPUT TYPE=”HIDDEN” NAME=”10second” SIZE=”6″>
<INPUT TYPE=”HIDDEN” NAME=”11hour” SIZE=”6″>
<INPUT TYPE=”HIDDEN” NAME=”11minute” SIZE=”6″>
<INPUT TYPE=”HIDDEN” NAME=”11second” SIZE=”6″>
</TABLE>
</FORM>
</CENTER>
Posted in Calculators | No Comments »
