Menu
Community /Pin to ProfileBookmark
@cootheadMar 20.2005 — #Hi there zapateron,
and welcome to these forums. ?
try it like this...
[i]coothead[/i]
sentence generator
I’m trying to make a dynamic page that does something kind of arrbitrary like making a sentence. More specifically, I want a form where a user can enter thier name, and hieght. Then, when they click submit I am trying to get it the sentence to show up in a text box below that would say something like “Hi, Ashley, you are 5’8″!” Sounds kinda stupid and basic but it’s kicking my ***. I’ve kind of used elements from the scripts on this site to do this.
Here’s what I have so far:
<html>
<head>
<script language=”Javascript”>
function beginGenerator() {
var name = document.generator.name.value;
var height = document.generator.height.value;
}
</script>
</head>
<FORM name=”generator”><B>Input:</B><BR>
<TABLE cellPadding=0>
<TBODY>
<TR>
<TD>Name: <INPUT type=”text” name=”name”>
</tr>
<tr>
<TD>Height: <INPUT type=”number” name=”height”>
</tr>
<tr>
<TD><INPUT onclick=”beginGenerator();” type=”button” value=”Generate”>
</TD>
</TR>
<TR>
<TD></TD>
</TD>
</TR>
</TBODY>
</TABLE>
<SPAN id=”windowMarker”><B>Output:</B>
<BR />
<TEXTAREA name=”outputField” rows=”10″ wrap=”off” cols=”88″></TEXTAREA>
</FORM>
</body>
</html>
Sign in
to post a comment3 Comments(s) ↴
0
@cootheadMar 20.2005 — #Hi there zapateron,and welcome to these forums. ?
try it like this...
[color=navy]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>form stuff</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
#container {
width:270px;
border:3px double #000;
padding:10px;
margin:auto;
background:#ccc;
}
div {
margin:5px;
font-family:verdana;
font-size:16px;
color:#000;
}
.bold {
font-weight:bold;
}
label {
display:block; <br/>
width:70px;
float:left;
}
.info {
width:180px;
}
#button {
color:#000;
}
input,textarea {
font-family:verdana;
font-size:16px;
color:#006;
}
textarea {
width:250px;
height:155px;
}
/*//]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function beginGenerator() {
var df=document.forms[0];
var name=df[0].value;
var height=df[1].value;
<i> </i> df[3].value="Hi, "+ name+", you are "+ height+" !";
}
//]]>
</script>
</head>
<body>
<div id="container">
<form action="#" >
<div class="bold">Input:</div>
<div><label>Name:</label><input class="info"type="text" /></div>
<div><label>Height:</label><input class="info" type="text" /></div>
<div><input id="button" type="button" value="Generate" onclick="beginGenerator();" /></div>
<div class="bold">Output:</div>
<div><textarea cols="" rows=""></textarea></div>
</form>
</div>
</body>
</html>[/color][i]coothead[/i]