可用表情

<script type="text/javascript">
function SHowClick(){

document.getElementById("Content").value=document.getElementsByName("PubContent")[1].value;
}
function ShowRad(obj){
   document.getElementById("Content").value=document.getElementById("Content").value+obj;
    document.getElementsByName("PubContent")[1].value=document.getElementsByName("PubContent")[1].value+obj;
}
function ShowSubmit(){
   var Content=document.getElementsByName("PubContent")[1].value;
  
   for(var i=1;i<=20;i++){   
    if(Content.indexOf("FACE"+i+".gif")>=0){
     document.getElementsByName("PubContent")[1].value=document.getElementsByName("PubContent")[1].value.replace("FACE"+i+".gif","<img src=/Skin/face/FACE"+i+".gif >");
    }
   }

}
</script>
<form name="form2" method="post" action="/PubAction.aspx">
<input type="hidden" id="Content" />
<input name="PubTitle" type="hidden" id="PubTitle" value="{PubContentid/}">{PubCode/}
      <input type="hidden" name="PubID" id="PubID" value="2">
      <input type="hidden" name="PubContentid" id="PubContentid" value="{PubContentid/}">
<input type="hidden" name="Parentid" id="Parentid" value="0">
<div id="xxcon" style="padding:10px;">
<div id="xxcon_left" style="float:left; width:50%;">
<textarea id="PubContent" name="PubContent" style="width:100%; height:200px;" onblur="SHowClick()"></textarea>
</div>

<div id="facekang" style=" float:right;width:280px; padding:10px; height:180px; background:#EEE; border:1px solid #CCC;">
<span style="display:block; line-height:25px;">可用表情</span>
<p>
<input type="radio" name="face" value="/Skin/face/FACE1.gif"   onfocus="ShowRad('FACE1.gif')" />
<img src="/Skin/face/FACE1.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE2.gif" onfocus="ShowRad('FACE2.gif')" />
<img src="/Skin/face/FACE2.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE3.gif" onfocus="ShowRad('FACE3.gif')" />
<img src="../../../Skin/face/FACE3.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE4.gif" onfocus="ShowRad('FACE4.gif')" />
<img src="../../../Skin/face/FACE4.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE5.gif" onfocus="ShowRad('FACE5.gif')" />
<img src="../../../Skin/face/FACE5.gif" width="20" height="20" /><br />
<input type="radio" name="face" value="/Skin/face/FACE6.gif" onfocus="ShowRad('FACE6.gif')" />
<img src="../../../Skin/face/FACE6.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE7.gif" onfocus="ShowRad('FACE7.gif')" />
<img src="../../../Skin/face/FACE7.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE8.gif" onfocus="ShowRad('FACE8.gif')" />
<img src="../../../Skin/face/FACE8.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE9.gif" onfocus="ShowRad('FACE9.gif')" />
<img src="../../../Skin/face/FACE9.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE10.gif" onfocus="ShowRad('FACE10.gif')" />
<img src="../../../Skin/face/FACE10.gif" width="20" height="20" /><br />
<input type="radio" name="face" value="/Skin/face/FACE11.gif" onfocus="ShowRad('FACE11.gif')" />
<img src="../../../Skin/face/FACE11.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE12.gif" onfocus="ShowRad('FACE12.gif')" />
<img src="../../../Skin/face/FACE12.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE13.gif" onfocus="ShowRad('FACE13.gif')" />
<img src="../../../Skin/face/FACE13.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE14.gif" onfocus="ShowRad('FACE14.gif')" />
<img src="../../../Skin/face/FACE14.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE15.gif" onfocus="ShowRad('FACE15.gif')"/>
<img src="../../../Skin/face/FACE15.gif" width="20" height="20" /><br />
<input type="radio" name="face" value="/Skin/face/FACE16.gif" onfocus="ShowRad('FACE16.gif')"/>
<img src="../../../Skin/face/FACE16.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE17.gif" onfocus="ShowRad('FACE17.gif')"/>
<img src="../../../Skin/face/FACE17.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE18.gif" onfocus="ShowRad('FACE18.gif')"/>
<img src="../../../Skin/face/FACE18.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE19.gif" onfocus="ShowRad('FACE19.gif')"/>
<img src="../../../Skin/face/FACE19.gif" width="20" height="20" />
<input type="radio" name="face" value="/Skin/face/FACE20.gif" onfocus="ShowRad('FACE20.gif')"/>
<img src="../../../Skin/face/FACE20.gif" width="20" height="20" />
</p>
<div style="clear:both"></div>
</div>
<div style="clear:both"></div>
</div>
<div style="clear:both"></div>

<div style="clear:both"></div>
<div id="btnsubmit">
<input type="submit" name="submit" value="发表帖子" style="background:#FFf8c5; color:#009900;" onclick="ShowSubmit()" />
</div>

</form>