Displaying text from a textbox into a label onKeydown

[upperlevel]

Hi eveyone,

Right this is my first post as i'm new to the forum.

I'm trying to work out how to display text, typed into a text box, into a label on the keypress of the client.

So as they type into the text box it is displayed in a label or another text box that is disabled from user accessability.

Don't mind what format it is in but i have been looking at both AJAX & Javascript to try and solve the problem.

Has anyone got any ideas?

Cheers all!

Dan

[dmjpro]

Hi eveyone,

Right this is my first post as i'm new to the forum.

I'm trying to work out how to display text, typed into a text box, into a label on the keypress of the client.

So as they type into the text box it is displayed in a label or another text box that is disabled from user accessability.

Don't mind what format it is in but i have been looking at both AJAX & Javascript to try and solve the problem.

Has anyone got any ideas?

Cheers all!

Dan

Welcome to TSDN.
u need not to do it with AJAX.
it is possible with JS.

try this code ....

<input type = text onkeypress = updateLabel(this.value)>
<h3 id = my_label>Empty Label</h3>
 

function updateLabel(val)
{
  var label_ref = document.getElementById('my_label');
  label_ref.innerText = val;
}
 

I think it ll help u.
Best of luck
have agood day.

Kind regards,
Dmjpro.

[upperlevel]

Welcome to TSDN.
u need not to do it with AJAX.
it is possible with JS.

try this code ....

<input type = text onkeypress = updateLabel(this.value)>
<h3 id = my_label>Empty Label</h3>
 

function updateLabel(val)
{
  var label_ref = document.getElementById('my_label');
  label_ref.innerText = val;
}
 

I think it ll help u.
Best of luck
have agood day.

Kind regards,
Dmjpro.

Thanks DMJPRO,

I have tried it and it does do what is says on the tin but it seems to be a key stroke behind.

http://www.upperlevel.co.uk/development/testtext.html

See what you think?

Is this because it uses keypress instead of keydown or keyup? Just guessing here.

Thanks,

UpperLevel

[upperlevel]

Thanks DMJPRO,

I have tried it and it does do what is says on the tin but it seems to be a key stroke behind.

http://www.upperlevel.co.uk/development/testtext.html

See what you think?

Is this because it uses keypress instead of keydown or keyup? Just guessing here.

Thanks,

UpperLevel

Hi again,

Sorted it now, needed to be onkeyup!

Code:

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

function updateLabel(val)
{
var label_ref = document.getElementById('my_label');
label_ref.innerText = val;
}

</script>

Page:

<input type = "text" onkeyup = "updateLabel(this.value)" /><br/>
<span class="style3" id = "my_label">Empty Label</span>

Cheers,

UpperLevel