Help with Message Form and Images

November 22, 2008

Hi,

I'm working on a form for visitors messages. I'd like to add a row of several images, that when clicked they add text in the message area where the cursor is located. In the example that I've included I'd just like to have the word "[This]" added when the visitor clicks the This.gif button image, etc.

I'd appreciate any help or examples that I can use to make this work in my Message Form.

Thanks,

Terry Cadd

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Message Form&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form method="POST" action="/cgi-bin/cgiemail/websitename/cgidata.dat"&gt;
&lt;p&gt;&lt;img border="0" src="This.gif" width="20" height="20"&gt;
&lt;img border="0" src="That.gif" width="20" height="20"&gt;
&lt;p&gt;Message:&lt;br&gt;
&lt;textarea name="message" rows="10" cols="70" wrap&gt;&lt;/textarea&gt;
&lt;p&gt;&lt;input type="submit" value="Submit"&gt;&lt;/p&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

December 10, 2008

Hi,

I am looking for a script function similar to the AddWord function that I worked up below. The script function needs to be like an InsertWord function that inserts the word where the cursor is located. It will work just like adding smilie icons to your message when you go to post a message here. This is the version that I've worked up with the AddWord function for an example.

Thanks for your help.

Terry

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Insert Icon&lt;/title&gt;
&lt;script&gt;
function AddWord(word)
 { 
  document.getElementById('required-message').value=document.getElementById('required-message').value + word; 
 }
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p align="center"&gt;&lt;b&gt;Insert Icon&lt;/b&gt;&lt;/p&gt;
&lt;form method="POST" action="/cgi-bin/cgiemail/websitename/someform.cgi"&gt;
&lt;center&gt;
&lt;a title="Smile"&gt;&lt;img border="0" src="{Smile}.gif" onclick="AddWord('{Smile}');" width="16" height="16"&gt;&lt;/a&gt;
&lt;a title="Frown"&gt;&lt;img border="0" src="{Frown}.gif" onclick="AddWord('{Frown}');" width="16" height="16"&gt;&lt;/a&gt;
&lt;br&gt;
&lt;textarea name="required-message" rows="9" cols="30" wrap&gt;&lt;/textarea&gt;
&lt;br&gt;
&lt;input type="submit" value="Submit"&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

Sign In

Help with Message Form and Images

Question

Terry Cadd

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Terry Cadd

Link to comment

Share on other sites

Recently Browsing 0 members

Posts

Recent Achievements

Popular Contributors

Tell a friend

Company

Community

Social

Partners

Forums

News

Features

More

Themes