UBB表情作出来之后有点小问题，大家给看看，散分

作了一个UBB表情，用的一个freetextbox控件，现在情况：要发表表情就要先点击一下freetextbox编辑区，然后点一个头像，可以表现在编辑区里面，连续点一个头像都可以表现，但是如果换第二个头像点击，则会跑到网页的最上面显示，而不是显示在freetextbox里面，除非我在要点第二个之前再点一下编辑区获取焦点才可以，这个问题怎么解决呢，我的代码这么写的，除了这个，都很可以了，大家也可以看看
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" ValidateRequest="false" %><%@ Register Assembly="FreeTextBox" Namespace="FreeTextBoxControls" TagPrefix="FTB" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server">
    <title>Untitled Page</title>
      <script   language="JavaScript"   type="text/JavaScript">     
  function InsertImage(Folder)     
  {
    var r=txtDescription.document.selection.createRange();   
  r.pasteHTML("<img src='Images/BBS/image/face/"+Folder+".gif' />"); 
    txtDescription.focus();  
  }  
  </script></head>

解决方案 »

  1.   

    <body onload="getfucos">
        <form id="form1" runat="server">    
        <div>
        <FTB:FreeTextBox  ID="txtDescription" runat="Server" Width="520" Height="500" ButtonOverImage="True"
                                                    ButtonDownImage="True" ButtonPath="../images/ftb/officeXP/" ToolbarType="OfficeXP"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(1)><img src="Images/BBS/image/face/1.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(2)><img src="Images/BBS/image/face/2.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(3)><img src="Images/BBS/image/face/3.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(4)><img src="Images/BBS/image/face/4.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                               <a   href=javascript:InsertImage(5)><img src="Images/BBS/image/face/5.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(06)><img src="Images/BBS/image/face/6.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(07)><img src="Images/BBS/image/face/7.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(08)><img src="Images/BBS/image/face/8.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(09)><img src="Images/BBS/image/face/9.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(10)><img src="Images/BBS/image/face/10.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(11)><img src="Images/BBS/image/face/11.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(12)><img src="Images/BBS/image/face/12.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                               <a   href=javascript:InsertImage(13)><img src="Images/BBS/image/face/13.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(14)><img src="Images/BBS/image/face/14.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(15)><img src="Images/BBS/image/face/15.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(16)><img src="Images/BBS/image/face/16.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(17)><img src="Images/BBS/image/face/17.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(18)><img src="Images/BBS/image/face/18.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(19)><img src="Images/BBS/image/face/19.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(20)><img src="Images/BBS/image/face/20.gif" width="19" height="19" /></a></td>
                                            <td align="center" style="height: 25px">
                                                <a   href=javascript:InsertImage(21)><img src="Images/BBS/image/face/21.gif" width="19" height="19" /></a></td>
                                        </tr>
      

  2.   

                                        <tr>
                                            <td height="25" align="center">
                                                <a   href=javascript:InsertImage(22)><img src="Images/BBS/image/face/22.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(23)><img src="Images/BBS/image/face/23.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(24)><img src="Images/BBS/image/face/24.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(25)><img src="Images/BBS/image/face/25.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(26)><img src="Images/BBS/image/face/26.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(27)><img src="Images/BBS/image/face/27.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(28)><img src="Images/BBS/image/face/28.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(29)><img src="Images/BBS/image/face/29.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(30)><img src="Images/BBS/image/face/30.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(31)><img src="Images/BBS/image/face/31.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(32)><img src="Images/BBS/image/face/32.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(33)><img src="Images/BBS/image/face/33.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(34)><img src="Images/BBS/image/face/34.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(35)><img src="Images/BBS/image/face/35.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(36)><img src="Images/BBS/image/face/36.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(37)><img src="Images/BBS/image/face/37.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(38)><img src="Images/BBS/image/face/38.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(39)><img src="Images/BBS/image/face/39.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(40)><img src="Images/BBS/image/face/40.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(41)><img src="Images/BBS/image/face/41.gif" width="19" height="19" /></a></td>
                                            <td align="center">
                                                <a   href=javascript:InsertImage(42)><img src="Images/BBS/image/face/42.gif" width="19" height="19" /></a></td>
                                        </tr>
                                    </table>
        </FTB:FreeTextBox>
            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
            </div>
            <asp:Label ID="Label1" runat="server" Text="您的评论："></asp:Label>
            <asp:Label ID="Label2" runat="server"></asp:Label>&nbsp;
        </form>
    </body>
    </html>
      

  3.   

    就一堆图片比较占代码，可以忽略，就看一下上面的function就可以了
      

  4.   

    拜托！很简单！  function InsertImage(Folder)      
      { 
        var r=txtDescription.document.selection.createRange();    
      r.pasteHTML(" <img src='Images/BBS/image/face/"+Folder+".gif' /> ");  
        txtDescription.focus();      return false;
      }   <a   href="return InsertImage(38);"> <img src="Images/BBS/image/face/38.gif" width="19" height="19" /> </a> 
      

  5.   

    用ubb类 处理替换就可以啊。
      

  6.   

    拜托！很简单！    function InsertImage(Folder)        
      {   
        var r=txtDescription.document.selection.createRange();      
      r.pasteHTML("   <img src='Images/BBS/image/face/"+Folder+".gif' />   ");    
        txtDescription.focus();        return false;  
      }     <a   href="return InsertImage(38);">     <img src="Images/BBS/image/face/38.gif" width="19" height="19" />     </a>很疑惑的说一下，编译器提示<a href="return InsertImage(38);">这个地方有错误，怎么回事呢？
      

  7.   

    <a href="javascript:void(0);" onclick="javascript:InsertImage(38);">   <img src="Images/BBS/image/face/38.gif" width="19" height="19" /></a>==================
    这样看行不行
      

  8.   

    不行，效果和一开始的一样了，还是要点一下编辑区点一下头像才能放在freetextbox里面，要不就跑到window里面显示去了
      

  9.   


    具体什么错误我没有看见。反正原理就是执行完毕以后　 return false;   一下。
    免得当作点击了链接。你把浏览器设置为调试模式看看具体是报告什么错误。
      

  10.   

    把<a   href=javascript:InsertImage(22)> <img src="Images/BBS/image/face/22.gif" width="19" height="19" /> </a>
    改成
    <a   href="return InsertImage(38);">  。
    之后，在return InsertImage(38)下面会出现波浪线，提示：File .... is not found没找到这个连接方法
      

  11.   

    txtDescription.focus();放前面试下，先将焦点给freetextbox控件
    另外，body里的 onload触发的函数getfucos()应该是将焦点给freetextbox控件的，不过看不到这函数
      

  12.   

    1、<a   href=javascript:InsertImage(13) onclick="return false;">  //消息A标签的默认点击操作，避免“跑到网页的最上面显示”问题
    2、txtDescription.focus(); 放到InsertImage函数里第一句，进行其他操作时，先将焦点给编辑器控件。
      

  13.   

    2007方法我试了 ，还是不行呢。。按你这样写，不但网页最上面不显示了，freetextbox里面也不显示了，朋友在给想象办法，谢谢了
      

  14.   

    <a   href=javascript:InsertImage(13) onclick="return false;">
    就是这句，不行，导致了无法显示表情，focus()上跳到第一句昨天我试过了，也不行，没有用的
    哪位朋友帮我看看，我把我做的一个例子的工程发给他，把邮箱告诉我就好了