Easier forum smilies in messages

Started by
27 comments, last by coderx75 17 years, 11 months ago
Although somewhat of a minor annoyance, it's a pain to have to go to the FAQ every time I want to insert a smiley into my post. Some are easy to remember but it's not easy to remember what's available and what the code is to insert them. I suggest that we place the smileys underneath the message box on the post page. It'd be even nicer if there was a bit of &#106avascript so that we can just click on it so that it inserts automatically. Better yet, no reason for you to even bother. Place the following code after the </TR> after the message box:

<TR>
	<TD></TD>
	<TD>
	<SCRIPT LANGUAGE="JavaScript"><!--
		function GDAddSmiley (strText) {
			document.PostTopic.message.value = document.PostTopic.message.value + strText;
		};
	//--></SCRIPT>

	<TABLE BORDER=0 CELLSPACING=1 CELLPADDING=4 WIDTH="520">
		<TR>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ attention]');"><img src='images/smileys/attention.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ bawling]');"><img src='images/smileys/bawling.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ caution]');"><img src='images/smileys/caution.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ cool]');"><img src='images/smileys/cool.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ crying]');"><img src='images/smileys/crying.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ dead]');"><img src='images/smileys/dead.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ depressed]');"><img src='images/smileys/depressed.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ disturbed]');"><img src='images/smileys/disturbed.gif' border=0></a></td>
		</TR>
		<TR>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ embarrass]');"><img src='images/smileys/embarrass.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ evil]');"><img src='images/smileys/evil.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ flaming]');"><img src='images/smileys/flaming.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ google]');"><img src='images/smileys/google.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ grin]');"><img src='images/smileys/grin.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ headshake]');"><img src='images/smileys/headshake.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ help]');"><img src='images/smileys/help.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ ignore]');"><img src='images/smileys/ignore.gif' border=0></a></td>
		</TR>
		<TR>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ imwithstupid]');"><img src='images/smileys/imwithstupid.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ inlove]');"><img src='images/smileys/inlove.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ lol]');"><img src='images/smileys/lol.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ looksaround]');"><img src='images/smileys/looksaround.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ oh]');"><img src='images/smileys/oh.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ pig]');"><img src='images/smileys/pig.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ razz]');"><img src='images/smileys/razz.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ repost]');"><img src='images/smileys/repost.gif' border=0></a></td>
		</TR>
		<TR>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ rolleyes]');"><img src='images/smileys/rolleyes.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ sad]');"><img src='images/smileys/sad.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ sick]');"><img src='images/smileys/sick.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ smile]');"><img src='images/smileys/smile.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ tears]');"><img src='images/smileys/tears.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ totally]');"><img src='images/smileys/totally.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ wink]');"><img src='images/smileys/wink.gif' border=0></a></td>
			<td class=forumcell align=center><a onClick="GDAddSmiley ('[ wow]');"><img src='images/smileys/wow.gif' border=0></a></td>
		</TR>
	</TABLE>
	</TD>
</TR>


This should create an 8x4 box of smileys beneath the message box. It should fit neatly but may need some adjustments. This only took me a few minutes so it won't hurt my feelings if you don't want to use it. [grin] EDIT: Had to add spaces to the codes so they wouldn't show up as smilies.
Quit screwin' around! - Brock Samson
Advertisement
Underneath? I always figured something like this would look better to the right of the post box, but then there's a problem for people who aren't using resolutions as high as mine (1280x1024).

Richard "Superpig" Fine - saving pigs from untimely fates - Microsoft DirectX MVP 2006/2007/2008/2009
"Shaders are not meant to do everything. Of course you can try to use it for everything, but it's like playing football using cabbage." - MickeyMouse

Assuming Firefox. If not, looks nice.
www.aidanwalsh(.net)(.info)
Quote:Original post by superpig
Underneath? I always figured something like this would look better to the right of the post box, but then there's a problem for people who aren't using resolutions as high as mine (1280x1024).

I put them underneath just for the sake of simplicity. Here's what I've got with a few more touch-ups: http://members.gamedev.net/tech_universe/gamedev.html
Quit screwin' around! - Brock Samson
if you have FF 1.5, why not just get the plug-in that has all the smilies ready for you with one right-click?

edit.... oh THOSE smileys...... pay no attention to what i said.

Beginner in Game Development?  Read here. And read here.

 

I found it annoying that you had to click on the picture, not just the cell it was in. If that's possible to fix, that would be a good thing too do.
Quote:Original post by Ezbez
I found it annoying that you had to click on the picture, not just the cell it was in. If that's possible to fix, that would be a good thing too do.

I had made it an onClick event and changed it to an href="&#106avascript:etc" so that the pointer finger icon shows up. That should make it a bit more user-friendly.
Quit screwin' around! - Brock Samson
<SCRIPT LANGUAGE="&#106avascript">		function GDAddSmiley (strText) {			document.PostTopic.message.value = document.PostTopic.message.value + strText;		};	</SCRIPT>


[caution]seems like it may be a bit annoying if it appended to the post rather than inserting at the current position...
Quote:Original post by coderx75
Quote:Original post by superpig
Underneath? I always figured something like this would look better to the right of the post box, but then there's a problem for people who aren't using resolutions as high as mine (1280x1024).

I put them underneath just for the sake of simplicity. Here's what I've got with a few more touch-ups: http://members.gamedev.net/tech_universe/gamedev.html


Eeee. Sorry, I'm really not liking how that looks.

Richard "Superpig" Fine - saving pigs from untimely fates - Microsoft DirectX MVP 2006/2007/2008/2009
"Shaders are not meant to do everything. Of course you can try to use it for everything, but it's like playing football using cabbage." - MickeyMouse

Quote:Original post by superpig
Quote:Original post by coderx75
Quote:Original post by superpig
Underneath? I always figured something like this would look better to the right of the post box, but then there's a problem for people who aren't using resolutions as high as mine (1280x1024).

I put them underneath just for the sake of simplicity. Here's what I've got with a few more touch-ups: http://members.gamedev.net/tech_universe/gamedev.html


Eeee. Sorry, I'm really not liking how that looks.
[wow] is that what the black theme looks (looked?) like? Been a while since I've seen that...

Anyway, I'm with superpig - in its current layout I don't like it so much, but I *do* think its a good idea and would be a useful feature for the forums. I think GDNet is the only forum I've frequented that doesn't already have something like that.

Maybe if you can work on the layout a bit it'd be perfect. Possibly move it to columns down the left-hand side, and possibly group the larger icons ([google][imwithstupid][repost]) in a seperate column/row so that they don't unnecessarily inflate the table?

Cheers,
Jack

<hr align="left" width="25%" />
Jack Hoxley <small>[</small><small> Forum FAQ | Revised FAQ | MVP Profile | Developer Journal ]</small>

This topic is closed to new replies.

Advertisement