I currently have a board system that works the usual way as expected. I have one problem with it though. When you fill the form in for a reply (or starting a new thead) I have a java popup window with a list of emoticons. The format of the emoticons are a bit different to the normal way heres a list ;
<
> Smile/Happy
<
> Cheesy Smile/Grin
<
D> Very Happy/Massive Grin
<=)> Content/No Expression
<\I> Sad/A bit worried
<}(> Unhappy/P'ed Off!
<}b> Angry/Worked up
<{D> Worried/Concerned
<{o> Supprised/Astonished
<!I> Check Left/Cheeky Grin
<iI> Check Right/Cheeky Grin
<}8k> Evil/Vampire
<SS> Confused/Stupid
<6F> Beaten up/Black Eye
<o8(> Hole in the Head
<[]i> Bandit
<8=> Psycho/Silence of the lambs
<(.)> Wiped out!
<EMM> Eminem 'Wanna-be'
<1A1> One un One
<?> Question mark
<!> Exclamation Point
<Yes> Yes
<No> No
I have my reasons for putting the '<' '>' around the emoticon.
What I want is for a user to click on say the first emoticon (smile/happy) and the chr return to the main window and are entered into the form body. At the moment this has to be a process of manual entry or copy and paste.
Heres my code if you can suggest anything;
...ead>
<script language="javascript">
<!--
function emoticonswindow()
{
window.open('/Internal/emoticons.html','Emoticons','width=300,height=525 left=100, top=100,');
}
//-->
</script>
<title>$FORM{BoardName}</title>
<meta http-eq...
<form name="form1" method="post" action="Addpost.pl?\$thefile">
<p> <font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Subject</font>
<input type="text" name="MSubject">
<br>
<br>
<a href="javascript
:emoticonswindow()"><img src="/Internal/Graphix/Other/Boards/Message_button3.gif" width="95" height="24" border=0></a><img src="/Internal/Graphix/Other/Boards/Message_button4.gif" width="126" height="24" border=0><br>
<font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">Message</font>
<textarea name="MMessage" value="" cols="50" rows="10"></textarea>
<br>
<input type="submit" name="Submit" value="Submit">
</p>
</form>
Above is the page where the popup is called from
below is the code for the emoticons html page;
(Only the top 2 emots are shown in this code as the full list of the file would only overwelm the board and look messy)
<html>
<head>
<title>Emoticons Selection</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="Standard.css" type="text/css">
</head>
<body bgcolor="#1A71D2" text="#000000">
<div align="center">
<table width="284" border="0" cellpadding="0" cellspacing="0" height="500">
<tr bgcolor="#006699">
<td width="23" height="18" valign="top">
<div align="center"><font size="1" color="#FFFFFF" face="Arial, Helvetica, sans-serif">Icon</font></div>
</td>
<td width="84" height="18" valign="top">
<div align="center"><font size="1" face="Arial, Helvetica, sans-serif" color="#FFFFFF">Copy
this to get</font></div>
</td>
<td valign="top" width="177" height="18">
<div align="center"><font size="1" color="#FFFFFF" face="Arial, Helvetica, sans-serif">Description</font></div>
</td>
</tr>
<tr bgcolor="#0066CC">
<td valign="top" height="20" bgcolor="#0066CC"><font face="Arial, Helvetica, sans-serif" size="1" color="#FFFFFF"><img src="Graphix/Other/Boards/Emoticons/Emot1.gif" width="20" height="20">
</font></td>
<td valign="top" align="center">
<p align="center"><font face="Arial, Helvetica, sans-serif" size="3" color="#FFFFFF"><
></font></p>
</td>
<td valign="top" align="left"><font size="1" color="#FFFFFF" face="Arial, Helvetica, sans-serif"><font size="2">Smile/Happy</font></font></td>
</tr>
<tr bgcolor="#006699">
<td bgcolor="#0066CC" height="18"><img src="Graphix/Other/Boards/Emoticons/Emot2.gif" width="20" height="20"></td>
<td valign="top" align="center"><font face="Arial, Helvetica, sans-serif" size="3" color="#FFFFFF"><
></font></td>
<td><font face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">Cheesy
Smile/Grin</font></td>
Thanks
DAL