Jump to content
  • Advertisement
Sign in to follow this  
coderx75

Easier forum smilies in messages

This topic is 4833 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Recommended Posts

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 javascript 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.

Share this post


Link to post
Share on other sites
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).

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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="javascript:etc" so that the pointer finger icon shows up. That should make it a bit more user-friendly.

Share this post


Link to post
Share on other sites
<SCRIPT LANGUAGE="javascript">
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...

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites
Sign in to follow this  

  • Advertisement
×

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

GameDev.net is your game development community. Create an account for your GameDev Portfolio and participate in the largest developer community in the games industry.

Sign me up!