调试易

学习!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>