Probably a stupid HTML question

PAz · 24 Feb 2006 at 23:11

I'm sure I've done this before using either HTML or Javascript...

What I need to do is click a button, and then the action puts some text into a textbox.

Any helpers? I know I'll kick myself when I see the solution!

Thanks

oldbag · 24 Feb 2006 at 23:16

http://www.htmlcodetutorial.com/forms/_BUTTON.html

Google is your friend!

Trigger · 24 Feb 2006 at 23:19

Code:

<html>

<head>

<title>JavaScript Alerts!</title>

</head>

<body>

<script language="javaScript" type="text/javascript">

</script>

<div align="center">

<form acriotn="" method="POST">

<input type="button" name="alertbutton" value="Click Me!" onClick="alert('Change this text whilst preserving the quotation marks to what you wish to appear in the messagebox...')"></input>

</form>

</div>

</body>

</html>

Trigger · 24 Feb 2006 at 23:20

Triad2000 said:
http://www.htmlcodetutorial.com/forms/_BUTTON.html

Google is your friend!

And that's got absolutley nothing to do with what he asked for :confused:

Great idea though, lets close the forums and tell everybody to use google :rolleyes:

oldbag · 24 Feb 2006 at 23:24

As far as I can see it shows him how to construct an html button. Was that not what he was after?

Trigger · 24 Feb 2006 at 23:25

Triad2000 said:
As far as I can see it shows him how to construct an html button. Was that not what he was after?

He's after a javascript alert isn't he? Or have I got the wrong end of the stick yet again?

Extremley sorry if I have...

oldbag · 24 Feb 2006 at 23:26

"I'm sure I've done this before using either HTML or Javascript..." or have I had too many beers?

PAz · 24 Feb 2006 at 23:27

Trigger said:

Code:

<html>

<head>

<title>JavaScript Alerts!</title>

</head>

<body>

<script language="javaScript" type="text/javascript">

</script>

<div align="center">

<form acriotn="" method="POST">

<input type="button" name="alertbutton" value="Click Me!" onClick="alert('Change this text whilst preserving the quotation marks to what you wish to appear in the messagebox...')"></input>

</form>

</div>

</body>

</html>

Thanks, thats kind of it. Need it to appear in an actual HTML textbox/field though as opposed to a window prompt.

I tried changing the alert to the textbox name but that didn't work!

PAz · 24 Feb 2006 at 23:28

Triad2000 said:
"I'm sure I've done this before using either HTML or Javascript..." or have I had too many beers?

hahaha, I'm off the drink at the moment so I cant even use that excuse

ta again for all the help

oldbag · 24 Feb 2006 at 23:29

Coding after 4 or 5 pints gets interesting though.

Trigger · 24 Feb 2006 at 23:31

Triad2000 said:
Coding after 4 or 5 pints gets interesting though.

Haha, any excuse

Trigger · 24 Feb 2006 at 23:35

PAz said:
Thanks, thats kind of it. Need it to appear in an actual HTML textbox/field though as opposed to a window prompt.

I tried changing the alert to the textbox name but that didn't work!

I think I see what you mean. Off the top of my head, I can remember how to put text into the page but not write to HTML elements- will look it up for you though

If it's any use, change

Code:

alert

to

Code:

document.write

Trigger · 24 Feb 2006 at 23:43

Et Voila!

After a bit of playing about, I've done what you're after:

Code:

<html>

<head>

<title>JavaScript Alerts!</title>

</head>

<body>

<script language="javaScript" type="text/javascript">

</script>

<div align="center">

<form action="" method="POST" name="form1">

<input type="button" name="alertbutton" value="Click Me!" onClick="document.form1.output.value='Change this text whilst preserving the quotation marks to what you wish to appear in the text box...'"></input>

<p>

<textarea name="output">

</textarea>

</p>

</form>

</div>

</body>

</head>

Cuchulain · 25 Feb 2006 at 00:04

Why have you opened a javascript tag and closed it with no actual javascript in between?

PAz · 25 Feb 2006 at 09:04

Thanks, all sorted now

Trigger · 25 Feb 2006 at 09:12

Cuchulain said:
Why have you opened a javascript tag and closed it with no actual javascript in between?

Oops, I forgot to take it out

It ws for another method I was trying and for some reason, I put the <form> tags inside the javascript tags and then moved it without deleting them

Sorry

jonnyg · 25 Feb 2006 at 11:25

Dude, i asked practically the same question and no-one answered me, so ill tag on your thread - can you use a drop down box to select an <option> which then affects what appears in the said text box...?

Cuchulain · 25 Feb 2006 at 11:51

Trigger said:
Oops, I forgot to take it out It ws for another method I was trying and for some reason, I put the <form> tags inside the javascript tags and then moved it without deleting them Sorry

Sorry, looked like I was criticising, that wasn't the intention, I just wondered if there was a reason for it.

PAz · 25 Feb 2006 at 20:16

jonnyg said:
Dude, i asked practically the same question and no-one answered me, so ill tag on your thread - can you use a drop down box to select an <option> which then affects what appears in the said text box...?

Here you go:

Code:

<form name="form1">

<select name="Colour">
  <option selected>--Select Colour</option>
  <option value="Red" onClick="document.form1.output.value='Red'">Red</option>
  <option value="Green" onClick="document.form1.output.value='Green'">Green</option>
  <option value="Blue" onClick="document.form1.output.value='Blue'">Blue</option>
</select>
<br>
<textarea name="output">

</textarea>

</form>

jonnyg · 26 Feb 2006 at 22:03

Oooo, thank you

I would code my own, really i would... but im lazy...

Only thing is, is i want something to be cross referenced and then displayed in the box.... i.e:

Selecting 'Red' from the drop down box, will then display 'Roses' (for example) in the text box below. But, then selecting 'Blue' will show 'Sea' in the text box... The code you gave me there doesnt do that. Plus, i fear i may need a database to cross reference...