首頁 > 後端開發 > php教程 > 留言板下表情的添加

留言板下表情的添加

WBOY
發布: 2016-06-13 10:59:03
原創
1515 人瀏覽過

留言板上表情的添加
就是点击表情按钮,会弹出类似QQ表情的框,这是怎么做的呀?
是不是要用到插件呀??我有一个插件portraitSelect.htm,可是不知道要怎么用,

谁有类似的代码,发出来给我看看呗!!感谢大家
------最佳解决方案--------------------
我幫你用jquery寫好了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br /><title> - </title><br /><script type='text/javascript' src="@bak/jquery-1.5.2.min.js"></script><br /><script type='text/javascript'><br />(function($){<br />	//擴展方法<br />		$.pop=function(_this,_type,_mess,_P,_tim,_script){<br />		$("#p_o").remove();<br />		if(_type){<br />			var Loc;<br />			if(typeof(_this)=='object'){<br />				_this=_this;<br />			}else{<br />				_this="#"+_this;<br />			}<br />			if(!_this){return;}<br /><br />			try{<br />				Loc=$(_this).offset();<br />				_T=Loc.top;<br />				oW=$(_this).css("width");<br />			}catch(e){}<br /><br />			popcss='<style type="text/css">';<br />			popcss+='#p_o{width:auto;left:'+Loc.left+'px;background-color:#ECECCA;border:1px solid #B39F82;padding:1px;position:absolute;display:block;z-index:9999;opacity:0.95;}';<br />			popcss+='#p_o div{background-color:#FEFEEA;padding:2px;}';<br />			popcss+='#p_o .i{background:url("/img/pop.gif") no-repeat scroll 0 0 transparent;}';<br />			popcss+='#p_o .r{word-wrap:break-word;padding:5px;margin:0;line-height:20px;color:#AF7132;}';<br />			popcss+='</style>';<br /><br />			$("body").prepend('<div id="p_o">'+popcss+'<div><p class="r">'+_mess+'</p></div><span class="i p"></span></div>');<br /><br />			_T=_T+parseInt($("#p_o").css("height"))/2;<br />			$("#p_o").css("top",_T);<br />			if(_tim){window.setTimeout('$("#p_o").remove();',_tim);}<br />			if(_script){eval("("+_script+")");}<br />		}else{<br />			$("#p_o").remove();<br />		}<br />	}<br />})(jQuery)<br /><br /><br /><br />$(function(){<br />	$('#c1').click(function(){<br />		_img=$('#img').html();<br />		$.pop($(this),'show',_img);<br />	})<br />   <br />	$('#c2').click(function(){<br />		$('#t1').attr('readonly');<br />	})<br />});<br /></script><br /></head><br /><br /><body><br /><input value="添加表情" id="c1"><br /><div id='img'><br /><img  src='1.jpg'    style="max-width:90%"  style="max-width:90%" alt="留言板下表情的添加" ><img  src='2.jpg'    style="max-width:90%"  style="max-width:90%" alt="留言板下表情的添加" ><br /></div><br /></body><br /></html>
登入後複製

------其他解决方案--------------------
var someValue=window.showModalDialog();
获取返回值 赋值给相应的文本框

------其他解决方案--------------------
在fckeditor  里有表情 自定义;可以借来用哦
------其他解决方案--------------------

引用:
var someValue=window.showModalDialog();
获取返回值 赋值给相应的文本框

这样就行
这个方法有很多,不要被qq表情给局限住了,随便弄个div排好版,根据js操作就可以的
------其他解决方案--------------------
谢谢大家,4楼的方法可以展示出图片,但是选不中图片,再帮我看看呗
------其他解决方案--------------------
这个我也想学习,能不能教一教
------其他解决方案--------------------
null
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板