This document contains code for embedding a shoutbox widget on a website. The shoutbox allows users to post messages and includes a variety of smiley faces. The code provides the necessary JavaScript and HTML to display the shoutbox in an iframe on the page.

1. <!-- Start oggix.com ShoutBox -->
<script language="JavaScript" src="http://oggix.com/shout/show/frameSmilies.js.php?id=59007"
type="text/javascript"></script>
<script>
document.write('<link href="http://www.oggix.com/shout/59007/layoutForm.css"
rel="stylesheet" type="text/css">');
</script>
<table border="0" bordercolor="#4674AB" width="170" cellpadding="0" cellspacing="0"
class="thebg" align="center">
<tr>
<td valign="top" width="357">
<table border="0" width="164" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><div align="center">
<iframe border="0" frameborder="0" height="400" src="http://www.oggix.com/shout/show/?
oggixid=59007&type=1&smileys=1" scrolling="yes" width="200" name="shout" noresize>
<style>
.hosting {
color:#CCCCCC;
font-family:Trebuchet MS;
font-weight:bold;
font-size:3px;
margin-bottom:0px;
}
</style>
Your browser does not support inline frames. Click <a
href="http://oggix.com">oggix.com for free Shoutbox TagBoard</a> Guestbook.
<br/>
<h1 class="hosting"><a alt="Free Shoutbox" href="http://oggix.com">Free
Shoutbox</a></h1> supported by IDwebhost.sg <a alt="Cheap Singapore Hosting"
href="http://idwebhost.sg"><h1 class="hosting">Cheap Singapore Hosting</h1></a> &
<h1 class="hosting"><a alt="Jual Beli Egold Indonesia Murah"
href="http://egoldindonesia.info">Jual Beli Egold Indonesia Murah</a></h1>
</iframe>
</div></td>
</tr>
<tr>
<form id="shoutsmileys" action="http://www.oggix.com/shout/post/" target="shout"
name="shoutsmileys" method="post">
<input value="59007" name="oggixid" type="hidden"/>
<input value="xl4wQ/fPxaU=" name="oggixcode" type="hidden"/>
<input value="1" name="smileys" type="hidden"/>
<td><table border="0" width="100%" cellpadding="2" cellspacing="0" align="center">
<tr valign="top">
<td width="35%" class="txtdcel">Name : </td>
<td width="65%" class="txtdcel"><input id="name2" maxlength="15"
class="textbox" name="name" size="20" type="text"/></td>
</tr>
<tr valign="top">
<td class="txtdcel">Web URL : </td>
<td class="txtdcel"><input id="url" class="textbox" value="http://" name="url"
size="20" type="text"/></td>
</tr>
<tr valign="top">
<td class="txtdcel">Message : </td>

2. <td class="txtdcel"><div align="right"><em>by. <a href="http://www.oggix.com"
target="_blank">oggix.com</a> </em></div></td>
</tr>
<tr valign="top">
<td colspan="2" class="txtdcel"> <input id="textarea" rows="3" class="textbox"
name="comment" size="32" type="text"/>
</td>
</tr>
<tr valign="top">
<td colspan="2" class="txtdcel" align="right">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><a href="javascript:setSmileysPreLoad(':)');"><img border="0" alt=":)"
width="16" src="http://oggix.com/shout/smileys/preview/smile.gif" height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':(');"><img border="0" alt=":("
width="16" src="http://oggix.com/shout/smileys/preview/sad.gif" height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':D');"><img border="0" alt=":D"
width="16" src="http://oggix.com/shout/smileys/preview/bigsmile.gif" height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':p');"><img border="0" alt=":p"
width="16" src="http://oggix.com/shout/smileys/preview/p.gif" height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':((');"><img border="0" alt=":(("
width="16" src="http://oggix.com/shout/smileys/preview/cry.gif" height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':))');"><img border="0" alt=":))"
width="16" src="http://oggix.com/shout/smileys/preview/lough.gif" height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':x');"><img border="0" alt=":x"
width="18" src="http://oggix.com/shout/smileys/preview/love.gif" height="16"/></a></td>
</tr>
</table>
<div id="openlink_59007" style="DISPLAY: inline">
<img border="0" src="http://oggix.com/shout/smileys/down.gif"/>&nbsp;<a id="oggix"
href="javascript:showForm()" title="Open smiley picker">more smileys</a>&nbsp;
</div>
<div id="closelink_59007" style="DISPLAY: none">
<img border="0" src="http://oggix.com/shout/smileys/up.gif"/>&nbsp;<a id="oggix"
href="javascript:showForm()" title="Close smiley picker">close smileys</a>&nbsp;
</div>
<!-- start smileys -->
<div id="hideform_div_59007" style="DISPLAY: none">
<table border="0" width="100%">
<tr>
<td align="center"><a href="javascript:setSmileysPreLoad(';)');"><img border="0" alt=";)"
width="16" src="http://oggix.com/shout/smileys/preview/ting.gif" height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad('#-o');"><img border="0" alt="#-o"
width="16" src="http://oggix.com/shout/smileys/preview/headache.gif"
height="18"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad('&gt;:D&lt;');"><img border="0"
alt="&gt;:D&lt;" width="16" src="http://oggix.com/shout/smileys/preview/hugh.gif"
height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':-*');"><img border="0" alt=":-*"
width="16" src="http://oggix.com/shout/smileys/preview/kiss.gif" height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':gun');"><img border="0"
alt=":gun" width="32" src="http://oggix.com/shout/smileys/preview/gun.gif"
height="15"/></a></td></tr>
<tr>

3. <td align="center"><a href="javascript:setSmileysPreLoad('=D>');"><img border="0"
alt="=D>" width="16" src="http://oggix.com/shout/smileys/preview/applause.gif"
height="18"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':&quot;&gt;');"><img border="0"
alt=":&quot;&gt;" width="16" src="http://oggix.com/shout/smileys/preview/shame.gif"
height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad('=))');"><img border="0" alt="=))"
width="15" src="http://oggix.com/shout/smileys/preview/lol.gif" height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':)>-');"><img border="0" alt=":)>-"
width="22" src="http://oggix.com/shout/smileys/preview/piss.gif" height="17"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':hityou');"><img border="0"
alt=":hityou" width="35" src="http://oggix.com/shout/smileys/preview/hit2.gif" height="20"/></
a></td></tr>
<tr>
<td align="center"><a href="javascript:setSmileysPreLoad(':D/');"><img border="0"
alt=":D/" width="16" src="http://oggix.com/shout/smileys/preview/yeye.gif"
height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad('X-(');"><img border="0" alt="X-("
width="16" src="http://oggix.com/shout/smileys/preview/angry.gif" height="16"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':cheer');"><img border="0"
alt=":cheer" width="21" src="http://oggix.com/shout/smileys/preview/cheer.gif"
height="23"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad('I-)');"><img border="0" alt="I-)"
width="22" src="http://oggix.com/shout/smileys/preview/sleep.gif" height="25"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':oops');"><img border="0"
alt=":oops" width="30" src="http://oggix.com/shout/smileys/preview/oops.gif" height="20"/></
a></td></tr>
<tr>
<td align="center"><a href="javascript:setSmileysPreLoad(':angry');"><img border="0"
alt=":angry" width="21" src="http://oggix.com/shout/smileys/preview/bigangry.gif" height="20"/
></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':drink');"><img border="0"
alt=":drink" width="24" src="http://oggix.com/shout/smileys/preview/drink.gif" height="22"/></
a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':jump');"><img border="0"
alt=":jump" width="23" src="http://oggix.com/shout/smileys/preview/jump.gif" height="22"/></
a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':devil');"><img border="0"
alt="&gt;:)" width="30" src="http://oggix.com/shout/smileys/preview/devil.gif" height="25"/></
a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':horse');"><img border="0"
alt=":horse" width="30" src="http://oggix.com/shout/smileys/preview/horse.gif"
height="27"/></a></td></tr>
<tr>
<td align="center"><a href="javascript:setSmileysPreLoad(':nono');"><img border="0"
alt=":nono" width="23" src="http://oggix.com/shout/smileys/preview/nono.gif" height="23"/></
a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':kiss');"><img border="0"
alt=":kiss" width="19" src="http://oggix.com/shout/smileys/preview/kiss2.gif"
height="18"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':thumb');"><img border="0"
alt=":thumb" width="23" src="http://oggix.com/shout/smileys/preview/thumb.gif" height="18"/
></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':no');"><img border="0" alt=":no"
width="26" src="http://oggix.com/shout/smileys/preview/no.gif" height="20"/></a></td>

4. <td align="center"><a href="javascript:setSmileysPreLoad(':rock');"><img border="0"
alt=":rock" width="28" src="http://oggix.com/shout/smileys/preview/rock.gif"
height="24"/></a></td></tr>
<tr>
<td align="center"><a href="javascript:setSmileysPreLoad(':wavey');"><img border="0"
alt=":wavey" width="19" src="http://oggix.com/shout/smileys/preview/dance.gif"
height="27"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':worry');"><img border="0"
alt=":worry" width="24" src="http://oggix.com/shout/smileys/preview/worry.gif"
height="24"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':headache');"><img border="0"
alt=":headache" width="25" src="http://oggix.com/shout/smileys/preview/headache2.gif"
height="27"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':runaway');"><img border="0"
alt=":runaway" width="23" src="http://oggix.com/shout/smileys/preview/runaway.gif"
height="23"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':sorry');"><img border="0"
alt=":sorry" width="30" src="http://oggix.com/shout/smileys/preview/sorry.gif" height="20"/></
a></td></tr>
<tr>
<td align="center"><a href="javascript:setSmileysPreLoad(':surprise');"><img border="0"
alt=":surprise" width="24" src="http://oggix.com/shout/smileys/preview/surprise.gif"
height="20"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':sos');"><img border="0" alt=":sos"
width="28" src="http://oggix.com/shout/smileys/preview/sos.gif" height="26"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':bomb');"><img border="0"
alt=":bomb" width="27" src="http://oggix.com/shout/smileys/preview/bomb.gif"
height="24"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':blah');"><img border="0"
alt=":blah" width="27" src="http://oggix.com/shout/smileys/preview/blah.gif"
height="26"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':hit');"><img border="0" alt=":hit"
width="30" src="http://oggix.com/shout/smileys/preview/hit.gif" height="15"/></a></td></tr>
<tr>
<td align="center"><a href="javascript:setSmileysPreLoad(':yuhuu');"><img border="0"
alt=":yuhuu" width="23" src="http://oggix.com/shout/smileys/preview/yahoo.gif"
height="22"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':banana');"><img border="0"
alt=":banana" width="27" src="http://oggix.com/shout/smileys/preview/banana.gif"
height="33"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':jumpdie');"><img border="0"
alt=":jumpdie" width="25" src="http://oggix.com/shout/smileys/preview/jumdie.gif"
height="32"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':together');"><img border="0"
alt=":together" width="31" src="http://oggix.com/shout/smileys/preview/together.gif"
height="23"/></a></td>
<td align="center"><a href="javascript:setSmileysPreLoad(':2gun');"><img border="0"
alt=":2gun" width="28" src="http://oggix.com/shout/smileys/preview/2gun.gif" height="20"/></
a></td>
</tr></table>
</div>
<!-- end smileys -->
</td>
</tr>
<tr valign="middle">

5. <td colspan="2" class="txtdcel"> <div align="center">
<input class="textbox" value="Shout!!" name="Submit" type="submit"/>
<input class="textbox" value="Reset" name="Reset" type="reset"/>
</div></td>
</tr>
</table></td>
</form>
</tr>
</table></td>
</tr>
</table>
<!-- End oggix.com ShoutBox -->