...

View Full Version : Html Form and JavaScript



DenKain
05-04-2006, 12:34 AM
Okay I'm at work so thats why I have not searched through the forum so I hope you don't go to hard on me (I know I usually flame people for that). Anyway what I am trying to do is enter data into a set of text boxes and have that info ran through a function in javascript. I made a simple demo just to see if I could even do this and have so far failed. I was hoping someone could help.

Thanks in advanced,
DenKain




<html>
<head>
<script language="JavaScript">

function dude()
{
theText = my;
alert(theText);
}
</script>
</head>

<body>

<form>
<input ="text" name="my">
<input type ="submit" Value ="Submit" onclick="dude()">
</form>

</body>
</html>

Bill Posters
05-04-2006, 12:54 AM
function dude()
{
theText = document.forms[0].my.value;
alert(theText);
}

...

<form>
<input="text" name="my">
<input type="button" value="Submit" onclick="dude()">
</form>
(Incidentally, I changed the input button from a submit button to a generic button in order to prevent it submitting in this demo.)

_Aerospace_Eng_
05-04-2006, 12:57 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type="text/javascript">
function dude()
{
//this gets the value, forms[0] represents the first form on the page
theText = document.forms[0].my.value;
//you can also use document.getElementById(), the input needs to have id="..."
theTextById = document.getElementById('my').value;
alert("This uses the name of the input: " + theText);
alert("This uses the id of the input: " + theTextById);
//this prevents the form from actually being submitted but still allowing use to hit enter or submit
return false;
}
</script>
</head>

<body>
<!--since the dude() function returns something we need to return that value to the form-->
<form action="#" onSubmit="return dude()">
<input type="text" name="my" id="my">
<input type="submit" value="Submit">
</form>
</body>
</html>

Bill beat me to it
Codes are similar but a bit different I prefer the submit button just because users can still hit the enter key or submit button.

DenKain
05-04-2006, 01:47 AM
Thank you so much that worked great. The thing is I applied that to the actual script I was making and it is having a separate issue. As you may notice when you run it the function starts even when it is not called to. Any ideas??



<html>
<head>

<script language="JavaScript">

function theDate()
{
myMonth = document.forms[0].month.value;
myDay = document.forms[0].day.value;
myYear = document.forms[0].year.value;
MyDate = myMonth+"/"+myDay+"/"+myYear;
//TargetDate = "5/3/2006 11:00 PM";

TragetDate = "'MyDate' + 11:00 PM"; //yes thats pseduo code for the moment
BackColor = "palegreen";
ForeColor = "navy";
CountActive = true;
CountStepper = -1;
DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
FinishMessage = "It is finally here!";
}
</script>
<script language="JavaScript" src="http://www.mythicsoftware.com/work/countdown.js"></script>

</head>
<body>

<form action="#" onSubmit="return theDate">

Month:
<input ="text" size = "2" name="month">
<br>
Day:
<input ="text" size = "2" name="day">
<br>
Year:
<input ="text" size = "4" name="year">
<br>

<input type ="submit" Value ="Submit">

</form>

<script language="JavaScript">

myMonth = document.forms[0].month.value;
myDay = document.forms[0].day.value;
myYear = document.forms[0].year.value;
MyDate = myMonth+"/"+myDay+"/"+myYear;
//TargetDate = "5/3/2006 11:00 PM";

TragetDate = MyDate;
BackColor = "palegreen";
ForeColor = "navy";
CountActive = true;
CountStepper = -1;
DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
FinishMessage = "It is finally here!";
</script>
<script language="JavaScript" src="http://www.mythicsoftware.com/work/countdown.js"></script>

</body>
</html>

DenKain
05-05-2006, 01:15 AM
Any ideas, anyone?

felgall
05-05-2006, 07:59 AM
onSubmit="return theDate"

should be

onSubmit="return theDate()"

DenKain
05-10-2006, 10:10 PM
Here is what I was trying to do....still can't get the time to work though.

inputs.php


<HTML>

<FORM action="countdown.php" method="POST">

Enter Month: <INPUT type="text" name="month"><BR>

Enter Day:<INPUT type="text" name="day"><BR>

Enter Year:<INPUT type="text" name="year"><BR>

<INPUT type="submit" name="submit" value="Submit">

</FORM>

</HTML>


countdown.php


<html>
<head>
</head>
<body>

<script language="JavaScript">

TargetDate =

<?PHP

echo CHR(34) . $_POST["month"] . CHR(47) . CHR(34) . CHR(43);

echo CHR(34) . $_POST["day"] . CHR(47) . CHR(34) . CHR(43);

echo CHR(34) . $_POST["year"] . CHR(34) . CHR(43);

?> " 10:30 PM";

BackColor = "palegreen";

ForeColor = "navy";

CountActive = true;

CountStepper = -1;

DisplayFormat = "%%H%% Hours, %%M%% Minutes, %%S%% Seconds.";

FinishMessage = "It is finally here!";

</script>

<script language="JavaScript" src="http://www.mythicsoftware.com/work/countdown.js"></script>

</body>
</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum