[SOLVED] Typing what I type

[Canman2005]

Hi all

 

Does anyone know where I can get a script which displays on screen a copy what i''m typing into a form field without refreshing the page.

 

So as I type, the text appears.

 

Can anyone help?

 

Thanks in advance

 

Ed

[cmgmyr]

you can start here: http://www.w3schools.com/jsref/jsref_onkeyup.asp

 

then you can use the onkeyup to update content in a div

[Canman2005]

cool thanks

 

im a php programmer, not a javascript progarmmer, so how would I go about doing an update to a div from the keyup function?

 

thanks

[cmgmyr]

http://www.google.com/search?source=ig&hl=en&rlz=&q=javascript+update+div+onkeyup

[Canman2005]

thanks everyone

 

i have hunted around, but cannot find what im trying to do

 

does anyone else have any suggestions?

[Canman2005]

found one

 

simple

 

<script language="JavaScript">

function preview(id1, id2){

  var NewText = document.getElementById(id1).value;

  splitText = NewText.split(/\n/).join("<br />");

  var DivElement = document.getElementById(id2);

  DivElement.innerHTML = splitText;

}

</script>

<form action="#">

<label>Name:</label>

<input type="text" id="name" onkeyup="preview('name', 'preview-name');" />

 

<label>Phone:</label>

<input type="text" id="phone" onkeyup="preview('phone', 'preview-phone');" />

</form>

 

<h2>Preview</h2>

<dl>

<dt>Name:</dt>

<dd id="preview-name"></dd>

<dt>Phone:</dt>

<dd id="preview-phone"></dd>

</dl>

[cmgmyr]

see, there ya go, easy enough right?