onClick insert a text in a text area

**Ghz** · Jun 5, 2003, 14:14

Hi there,
I've been searching for this function to complete my script. In brief I want to have a text area where I can write anything in it. And beside it I want to have a picture or a botton and if I clicked that botton it inserts a text in the text area. The idea is similare to the clickable smilies in this forum. Is there any pice of code that I can use to do this job to me?

Any help would be appreciated in advance

**jofa** · Jun 5, 2003, 15:17

Simple example:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <script type="text/javascript">
      function insertText(elemID, text)
      {
        var elem = document.getElementById(elemID);
        elem.innerHTML += text;
      }
    </script>
  </head>
  <body>
    <form>
      <textarea id="txt1"></textarea>
      <input type="button" value="Insert some text" onclick="insertText('txt1', 'Hello');">
    </form>
  </body>
</html>

**Ghz** · Jun 6, 2003, 08:27

Thanx jofa that worked just FINE

How about the script that is used to post an image code in my post at this forum? I mean the prompt script which gives you the ability to add an image code in your post...May I have that pice of code too?

Thanx in advance

**beetle** · Jun 6, 2003, 08:29

www.peterbailey.net/dhtml/taeditor.htm

**Ghz** · Jun 6, 2003, 09:19

That's cool but where can get the source code? I tried to view it's source using the notepad But it didn't worked fine.
May I have that source for the TAEditor???

**Ghz** · Jun 6, 2003, 09:22

okay thanx alot beetle I found my mistake. now it's working just great thank youuuuuuuuuuuuuu

**Ghz** · Jul 12, 2003, 06:34

Hey jofa can I change the button into an image?? I tried to do it but I failed..plz

Thanx

**jofa** · Jul 14, 2003, 04:51

<input type="image" ...> maybe?

Or just an <img> with an onclick event handler added

**beetle** · Jul 14, 2003, 05:14

Be careful with <input type="image" ...>, they submit the form when clicked!

**jofa** · Jul 14, 2003, 05:16

...if you don't return false ?

**beetle** · Jul 14, 2003, 05:17

Correct

**Ghz** · Sep 10, 2003, 07:02

It didn't work and you can try that jofa

I simply need a smily system just like the one in here...

Thanx for the help

The SitePoint Forums have moved.

User Tag List

Thread: onClick insert a text in a text area

Thread Tools

Display

onClick insert a text in a text area

Bookmarks

Bookmarks

Posting Permissions