Posted By

brandonjp on 02/02/11

Tagged

Versions (?)

Last Edited at 02/02/11 08:39am

Statistics

Viewed 1855 times

Favorited by 0 user(s)

Related snippets

JS - onclick function to insert text characters symbol into text input field or textarea at the cursor caret location position

/ Published in: JavaScript

// big thanks to these tips for giving me code to steal: http://bit.ly/bundles/brandonjp/9

/*
* USAGE: give your HTML textarea or text input element an ID
* give your button an onClick="insertThisInThere(text2insert, theInputIDwhereItGoes);"
*
* EX:
*
*/

Highlighted TextExpand

// big thanks to these tips for giving me code to steal:  http://bit.ly/bundles/brandonjp/9

/*
 * USAGE:  give your HTML textarea or text input element an ID
 * give your button an onClick="insertThisInThere(text2insert, theInputIDwhereItGoes);"
 * 
 * EX:  <input type="text" id="myInput" /> <input type="submit" value="insert Â® symbol" onClick="insertThisInThere('Â®', 'myInput');" />
 *
 */

// my bp-ized version so people won't know I stole it all, but really just so I can understand it better

theIdElement.value = newValue;

}

/**  EXAMPLE HTML:

<h2>set your cursor anywhere inside the text field, then click the button to insert text at the cursor location -- each button has an onClick="sendChar2Id('Â®','toThisId');"</h2>

<textarea id="inputTwo">inputTwo</textarea><br />
<button onClick="insertThisInThere('*B*','inputTwo');">insert *B* into inputOne</button>

**/

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.