display text

[I-AM-OBODO]

hi all

i dont know what it is called so i dont know what to goggle cos all my search result have not yielded desired result.

i have a table and space for initials. i want so that when i type on the form field it will display on the table. just like the example used on jquery modal form

 

thanks

[scootstah]

You want an "onKeyUp" event on the input field, which will get whatever you typed in and place it in the table using .innerHTML.

[I-AM-OBODO]

You want an "onKeyUp" event on the input field, which will get whatever you typed in and place it in the table using .innerHTML.

 

could you pls help with example cos i don't know nada on javascript.

thanks

[scootstah]

http://jsfiddle.net/esv3b854/1/

[I-AM-OBODO]

http://jsfiddle.net/esv3b854/1/

 

thanks alot. i tried to make the input field mandatory but to no avail. also i have a couple of other places i'd like to initial and instead of initialing them one by one, i'd like to initial just one and it will affect the whole three fields.

thanks

[scootstah]

To add initials in multiple places you just need to select more elements.

var el = document.getElementById('initials');

This is selecting an element with an id of "initials". In my example, we have <div id="initials"></div>, so this is the element that will be selected. So you can either create more elements with different ID's, and use multiple document.getElementById() calls, or, you can use a different selector such as a class selector. In that case you would just have multiple elements with the same class, and your initials would be added to each one. Here's an example of that: http://jsfiddle.net/22p32vj2/1/

[I-AM-OBODO]

To add initials in multiple places you just need to select more elements.

var el = document.getElementById('initials');

This is selecting an element with an id of "initials". In my example, we have <div id="initials"></div>, so this is the element that will be selected. So you can either create more elements with different ID's, and use multiple document.getElementById() calls, or, you can use a different selector such as a class selector. In that case you would just have multiple elements with the same class, and your initials would be added to each one. Here's an example of that: http://jsfiddle.net/22p32vj2/1/

 

 

Thanks a zillion dozen times