js达人请进(精简一段点图片后赋值于编辑器的JS) 这些代码都是 静态 HTML 的,想精简真的很有难度,但是如果你用 一种服务器端运行的脚本语言,把这些数据放进数据库里边,用一个循环输出还是可以实现的! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 学习!myInstance1是一个什么啊? HTML 簡化的部份可以透過 CSS 來處理,另外 JavaScript 改用 jQuery 來達到精簡的目的喔,以下可以看到 jQuery 的代碼優美多了:<style type="text/css">.sample_pic { width: 50px; height: 50px; border: 0; cursor: pointer;}</style><textarea id="myInstance1"></textarea><img src="/inc/face1/emot-01.gif" alt="牛" class="sample_pic"><img src="/inc/face1/emot-02.gif" alt="羊" class="sample_pic"><img src="/inc/face1/emot-03.gif" alt="猴" class="sample_pic"><img src="/inc/face1/emot-04.gif" alt="雞" class="sample_pic"><script type="text/javascript" src="/js/jquery-1.2.6.pack.js"></script><script type="text/javascript">$(function() { $('.sample_pic').click(function() { $('myInstance1').val($('myInstance1').val() + $(this).attr('src')); });});</script> <script language="JavaScript" type="text/javascript">function add_face(url) { form1.document.getElementById("myInstance1").innerHTML+="<img src='"+url+"'>"; }function showFace(img, alt) { document.write('<a href="javascript:add_face(\'/inc/face1/emot-'+img+'\')">'); document.write('<img src="/inc/face1/emot-'+img+'" alt="'+alt+'" width="50" height="50" border="0"></a>');}</script>图片代码为<script type="text/javascript">showFace('01.gif', '牛');showFace('02.gif', '流汗');showFace('03.gif', '再见');showFace('04.gif', '晕死');showFace('05.gif', '拍死你');</script><br> 剛剛 JavaScript 的代碼打錯,再來一次:$(function() { $('.sample_pic').click(function() { $('#myInstance1').val($('#myInstance1').val() + $(this).attr('src')); });}); wcwtitxu 你的方法确实不错但是有点小问题这时图片代码为,问题来了,图片不能正确显示 ,位置不对啊我图片存在/inc/face1/emot-04.gif而showFace('01.gif', '牛');不能正确显示图片,点击后图片在编辑器可以显示<script type="text/javascript">showFace('01.gif', '牛');showFace('02.gif', '流汗');showFace('03.gif', '再见');showFace('04.gif', '晕死');showFace('05.gif', '拍死你');</script><br> ext中,items指定url是应该注意什么?我按照下面的做法跳不过去,求指教! 急》》求一个正则表达式 关于javascript图片预加载的问题 new运算符 正则表达式问题 [只有10分了,全给]setInterval调用xmlhttp导致内存上涨的问题 js文件里如何读取服务器端的变量值? 急呀~~搞定整个网站就完工了~~~我也可以走人啦~~~ 弹出窗口返回值的问题?很急! 【求助-急】-- js 调用webservice返回空,并且status为0 循环列出了用户列表,点击用户名弹出的不是对应的名称 横向打印的问题
<style type="text/css">
.sample_pic {
width: 50px;
height: 50px;
border: 0;
cursor: pointer;
}
</style><textarea id="myInstance1"></textarea>
<img src="/inc/face1/emot-01.gif" alt="牛" class="sample_pic">
<img src="/inc/face1/emot-02.gif" alt="羊" class="sample_pic">
<img src="/inc/face1/emot-03.gif" alt="猴" class="sample_pic">
<img src="/inc/face1/emot-04.gif" alt="雞" class="sample_pic"><script type="text/javascript" src="/js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript">
$(function() {
$('.sample_pic').click(function() {
$('myInstance1').val($('myInstance1').val() + $(this).attr('src'));
});
});
</script>
<script language="JavaScript" type="text/javascript">
function add_face(url) {
form1.document.getElementById("myInstance1").innerHTML+="<img src='"+url+"'>";
}
function showFace(img, alt) {
document.write('<a href="javascript:add_face(\'/inc/face1/emot-'+img+'\')">');
document.write('<img src="/inc/face1/emot-'+img+'" alt="'+alt+'" width="50" height="50" border="0"></a>');
}
</script>图片代码为
<script type="text/javascript">
showFace('01.gif', '牛');
showFace('02.gif', '流汗');
showFace('03.gif', '再见');
showFace('04.gif', '晕死');
showFace('05.gif', '拍死你');
</script><br>
剛剛 JavaScript 的代碼打錯,再來一次:$(function() {
$('.sample_pic').click(function() {
$('#myInstance1').val($('#myInstance1').val() + $(this).attr('src'));
});
});
但是有点小问题这时图片代码为,问题来了,图片不能正确显示 ,位置不对啊
我图片存在/inc/face1/emot-04.gif而
showFace('01.gif', '牛');不能正确显示图片,点击后图片在编辑器可以显示
<script type="text/javascript">
showFace('01.gif', '牛');
showFace('02.gif', '流汗');
showFace('03.gif', '再见');
showFace('04.gif', '晕死');
showFace('05.gif', '拍死你');
</script><br>