automatic text changer

[brown2005]

hi,

if i have a form

<form>
<input type='text' name='text'>
<input type='text' name='text_color'>
</form>

what i want is when they enter something in text box

it will display it below the form

example:

then under here... and when i enter the color it will change the color...

ne ideas please..

[ToonMariner]

ok html...

<form>
<input type='text' name='text' onkeyup="updateSpan(this.value);>
<input type='text' name='text_color'>
</form>
<span id="text"></text>

and js in the head section

function updateSpan(val)
{
document.getElementById('text').innerHTML = val;
}

try that...

[brown2005]

Hi, I have tried that but nothing happens when i write in the box

[alpine]

Might seem messy without a function, but it's easy to run as an example:
[code]

<input type='text' id='text' name='text' onkeyup="document.getElementById('text_result').innerHTML = document.getElementById('text').value;">

<input type='text' id='text_color' name='text_color' onkeyup="document.getElementById('text_result').style.backgroundColor = document.getElementById('text_color').value;">

<span id="text_result" style="background-color: white"></span>

[/code]

[brown2005]

hi, yeah thats cool and i can use that... but the second box changes the background color at the mo, not the text color...

ne ideas please?

[alpine]

Sorry, my misunderstanding - anyhow it's just to change the style attribute to color instead:
style.backgroundColor --> style.color

[brown2005]

yeah cool, thanks for all your help mate, is there somewhere that like has a list of the different things you can change with javascript, i.e. font size, align, font type, font weight, etc...

[artacus]

Yeah, whatever you can style with CSS.