实现表情插入的问题

kres520 2008-07-11 04:28:20
问题是：
有80张图片作为表情，图片分别为1.gif~80.gif
目的是点下“显示图片”按钮，显示出表情图片的列表（这个列表我写在了一个PANEL中），并且每点击一个表情，在下面的TEXTBOX中显示出[表情代号]，如点击1.gif则在textbox中显示[1]。
为了点击一个图片不刷新网页，所以将所有表情和“显示图片”按钮写在了UPDATEPANEL中。代码如下
<asp:UpdatePanel ID="UpdatePanel1" runat="server" >
<ContentTemplate>
<asp:ImageButton ID="Imgbtn" runat="server" ImageUrl="/image/显示图片.jpg" onclick="Show"/>
<asp:Panel ID="pData" runat="server" BackColor=Black>

<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="image/face/1.gif" OnClick="Face1"/>
<asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="image/face/2.gif"/>
<asp:ImageButton ID="ImageButton3" runat="server" ImageUrl="image/face/3.gif"/>
<asp:ImageButton ID="ImageButton4" runat="server" ImageUrl="image/face/4.gif"/>
........
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
Face1的代码是
protected void Face1(object sender, EventArgs e)
{
TextBox2.Text = TextBox2.Text + "[1]";
}
但是我点击图片1的时候TEXTBOX2中没有任何变化，是否与UPDATEPANEL有关？
另外请达人帮忙简化代码。。。这样枚举实在太麻烦了，不胜感激
...全文
230 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
kres520 2008-07-11
  • 打赏
  • 举报
 回复
NB~准备收分，终于等到强银出现。。。不得不由衷的赞一下
蝶恋花雨 2008-07-11
  • 打赏
  • 举报
 回复
蝶恋花雨 2008-07-11
  • 打赏
  • 举报
 回复
读取数据
   protected void rpComment_ItemDataBound(object sender, RepeaterItemEventArgs e)

    {

        if (e.Item.ItemType != ListItemType.Header && e.Item.ItemType != ListItemType.Footer)

        { 

  Literal ltContetn = e.Item.FindControl("ltContent") as Literal;

            HiddenField HFcontent = e.Item.FindControl("HFcontent") as HiddenField;

            string content = HFcontent.Value;

            string[] face = { "[:-)]","[:-D]","[;-)]","[8-)]","[(6)]","[:-$]","[8o|]","[:-(]","[:-@]","[:-|]",

                              "[(&)]","[&-|]","[:-#]","[$-)]","[:-P]","[(@)]","[:'(]","[|-)]","[:-Z]","[:-S]",

                              "[*-(]","[:-%]","[^-)]","[:-*]","[(R)]","[(W)]","[(%)]","[(S)]","[(*)]","[(M)]",

                              "[(so)]","[(I)]","[(F)]","[(L)]","[(U)]","[(=)]","[(#)]","[(O)]","[(D)]","[(T)]" };

            string[] faceImg = {"../../face/01.gif", "../../face/02.gif","../../face/03.gif", "../../face/04.gif",

                                "../../face/05.gif", "../../face/06.gif","../../face/07.gif", "../../face/08.gif",

                                "../../face/09.gif", "../../face/10.gif","../../face/11.gif", "../../face/12.gif",

                                "../../face/13.gif", "../../face/14.gif","../../face/15.gif", "../../face/16.gif",

                                "../../face/17.gif", "../../face/18.gif","../../face/19.gif", "../../face/20.gif",

                                "../../face/21.gif", "../../face/22.gif","../../face/23.gif", "../../face/24.gif",

                                "../../face/25.gif", "../../face/26.gif","../../face/27.gif", "../../face/28.gif",

                                "../../face/29.gif", "../../face/30.gif","../../face/31.gif", "../../face/32.gif",

                                "../../face/33.gif", "../../face/34.gif","../../face/35.gif", "../../face/36.gif",

                                "../../face/37.gif", "../../face/38.gif","../../face/39.gif", "../../face/40.gif"};

            for (int i = 0; i < face.Length; i++)

            {

                content = content.Replace(face[i], "<img src='" + faceImg[i] + "' border='0'/> ");

            }

            ltContetn.Text += content.ToString();

}

}
蝶恋花雨 2008-07-11
  • 打赏
  • 举报
 回复 
 DisplayEmotions("EmotionsDiv", "NoHtmlCommentContent");



   function DisplayEmotions(container, editor)

        {

            var em = "<img src='../../face/01.gif' alt=\"微笑 [:-)]\" onclick=\"AddEmotion('{editor}','[:-)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/02.gif' alt=\"大笑 [:-D]\" onclick=\"AddEmotion('{editor}','[:-D]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/03.gif' alt=\"眨眼 [;-)]\" onclick=\"AddEmotion('{editor}','[;-)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/04.gif' alt=\"装酷 [8-)]\" onclick=\"AddEmotion('{editor}','[8-)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/05.gif' alt=\"独眼龙 [(6)]\" onclick=\"AddEmotion('{editor}','[(6)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/06.gif' alt=\"害羞 [:-$]\" onclick=\"AddEmotion('{editor}','[:-$]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/07.gif' alt=\"生气 [8o|]\" onclick=\"AddEmotion('{editor}','[8o|]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/08.gif' alt=\"发呆 [:-(]\" onclick=\"AddEmotion('{editor}','[:-(]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/09.gif' alt=\"发怒 [:-@]\" onclick=\"AddEmotion('{editor}','[:-@]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/10.gif' alt=\"惊讶 [:-|]\" onclick=\"AddEmotion('{editor}','[:-|]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/11.gif' alt=\"猫猫 [(&)]\" onclick=\"AddEmotion('{editor}','[(&)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/12.gif' alt=\"白眼 [&-|]\" onclick=\"AddEmotion('{editor}','[&-|]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/13.gif' alt=\"不说 [:-#]\" onclick=\"AddEmotion('{editor}','[:-#]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/14.gif' alt=\"眼馋 [$-)]\" onclick=\"AddEmotion('{editor}','[$-)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/15.gif' alt=\"吐舌头 [:-P]\" onclick=\"AddEmotion('{editor}','[:-P]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/16.gif' alt=\"猫咪 [(@)]\" onclick=\"AddEmotion('{editor}','[(@)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/17.gif' alt=\"大哭 [:'(]\" onclick=\"AddEmotion('{editor}','[:\\\'(]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/18.gif' alt=\"低头 [|-)]\" onclick=\"AddEmotion('{editor}','[|-)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/19.gif' alt=\"困了 [:-Z]\" onclick=\"AddEmotion('{editor}','[:-Z]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/20.gif' alt=\"困惑 [:-S]\" onclick=\"AddEmotion('{editor}','[:-S]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/21.gif' alt=\"悲伤 [*-(]\" onclick=\"AddEmotion('{editor}','[*-(]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/22.gif' alt=\"狂吐 [:-%]\" onclick=\"AddEmotion('{editor}','[:-%]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/23.gif' alt=\"伤心 [^-)]\" onclick=\"AddEmotion('{editor}','[^-)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/24.gif' alt=\"汗 [:-*]\" onclick=\"AddEmotion('{editor}','[:-*]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/25.gif' alt=\"花 [(R)]\" onclick=\"AddEmotion('{editor}','[(R)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/26.gif' alt=\"花 [(W)]\" onclick=\"AddEmotion('{editor}','[(W)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/27.gif' alt=\"太阳 [(%)]\" onclick=\"AddEmotion('{editor}','[(%)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/28.gif' alt=\"月亮 [(S)]\" onclick=\"AddEmotion('{editor}','[(S)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/29.gif' alt=\"星星 [(*)]\" onclick=\"AddEmotion('{editor}','[(*)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/30.gif' alt=\"邮件 [(M)]\" onclick=\"AddEmotion('{editor}','[(M)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/31.gif' alt=\"足球 [(so)]\" onclick=\"AddEmotion('{editor}','[(so)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/32.gif' alt=\"亮亮 [(I)]\" onclick=\"AddEmotion('{editor}','[(I)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/33.gif' alt=\"咖啡 [(F)]\" onclick=\"AddEmotion('{editor}','[(F)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/34.gif' alt=\"心 [(L)]\" onclick=\"AddEmotion('{editor}','[(L)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/35.gif' alt=\"心 [(U)]\" onclick=\"AddEmotion('{editor}','[(U)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/36.gif' alt=\"便便 [(=)]\" onclick=\"AddEmotion('{editor}','[(=)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/37.gif' alt=\"电视 [(#)]\" onclick=\"AddEmotion('{editor}','[(#)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/38.gif' alt=\"时间 [(O)]\" onclick=\"AddEmotion('{editor}','[(O)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/39.gif' alt=\"酒 [(D)]\" onclick=\"AddEmotion('{editor}','[(D)]')\" border=\"0\" class=\"editorEmotion\"/> <img src='../../face/40.gif' alt=\"电话 [(T)]\" onclick=\"AddEmotion('{editor}','[(T)]')\" border=\"0\" class=\"editorEmotion\"/> "; 

            if (em != "")

            {

		        em = em.replace(new RegExp("{editor}","gm"), editor);

            }

            if(document.getElementById(container))

            {

	            document.getElementById(container).innerHTML = em;

            }

        }

function AddEmotion(editor, emotion)

    {	

	    var edt = document.getElementById(editor);

        if(edt)

        {

		    if (edt.value == "字数上限为2000字")

		    {

			    edt.value = "";

		    }

	        edt.value += emotion;

        }

    }

<asp:TextBox TextMode="MultiLine" runat="server" Width="100%" name="NoHtmlCommentContent" id="NoHtmlCommentContent" rows="8" cols="80" onFocus="if(this.value=='字数上限为2000字'){this.value='';}this.select();">字数上限为2000字</asp:TextBox>
	<div id="EmotionsDiv" style="width:200px;font-family:verdana;font-size:12px;" align="left">

                    <img alt="微笑 [:-)]" border="0" class="editorEmotion" 

                    onclick="AddEmotion('NoHtmlCommentContent','[:-)]')" 

                    src="../../face/01.gif" /> <img 

                    alt="大笑 [:-D]" border="0" class="editorEmotion" 

                    onclick="AddEmotion('NoHtmlCommentContent','[:-D]')" 

                    src="../../face/02.gif" /> <img 

                    alt="眨眼 [;-)]" border="0" class="editorEmotion" 

                    onclick="AddEmotion('NoHtmlCommentContent','[;-)]')" 

                    src="../../face/03.gif" /> <img 

                    alt="装酷 [8-)]" border="0" class="editorEmotion" 

                    onclick="AddEmotion('NoHtmlCommentContent','[8-)]')" 

                    src="../../face/04.gif" /> <img 

                    alt="独眼龙 [(6)]" border="0" class="editorEmotion" 

                    onclick="AddEmotion('NoHtmlCommentContent','[(6)]')" 

                    src="../../face/05.gif" /> <img 

                    alt="发呆 [:-(]" border="0" class="editorEmotion" 

                    onclick="AddEmotion('NoHtmlCommentContent','[:-(]')" 

                    src="../../face/08.gif" /> <br /></div>

参考下
lass_name 2008-07-11
  • 打赏
  • 举报
 回复
up
keyake863 2008-07-11
  • 打赏
  • 举报
 回复
这个还要用 UPDATEPANEL？
楼主过于依赖这些控件了，这个用javascript完全能实现。
sheng9hhd 2008-07-11
  • 打赏
  • 举报
 回复
一般使用js+iframe实现
烈火焚身 2008-07-11
  • 打赏
  • 举报
 回复

关注 + 帮顶
Magic_YJL 2008-07-11
  • 打赏
  • 举报
 回复
关注 + 帮顶
kres520 2008-07-11
  • 打赏
  • 举报
 回复
对了，还有就是能不能在TEXTBOX的光标处插入代码，而不是TextBox2.Text = TextBox2.Text + "[1]"; 这样在最后插入
ChattingFieldDemo实现动态输入式插入表情
实现简单的聊天界面，关键是支持图文混排（即支持输出表情），还有就是编辑文本的时候，模仿电脑版QQ可以通过输入表情的编号（如输入/f001)进而动态产生表情，这样免去了从gridview中选择表情的麻烦。
安卓Emoji表情相关-ChattingFieldDemo实现动态输入式插入表情.rar
ChattingFieldDemo实现动态输入式插入表情.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
Android使用SpannableString实现文本框里插入表情
详情请移步：http://blog.csdn.net/fengkuanghun/article/details/7904284
完美表情实现
完美利用viewpager实现表情的布局，以及插入EditText中，并且解析表情显示到TextView上面
前端uniapp表情插件
前端uniapp表情插件
.NET社区

61,819

社区成员

669,119

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章