2015-05-25 76 views
0

我在手機間隙中製作聊天應用程序,並且我想插入明文,我從文本區域插入了明文,並將其顯示在正文中,但問題是,當我點擊明文表單文本區域時,它顯示的是整個路徑而不是標題,就像我們寫的笑聲一樣:D,它顯示笑聲。當我點擊笑時,它顯示了圖像的整個路徑,但不是:D(我想要的)。這裏是我的代碼:如何在手機中顯示圖像代碼而不是圖像路徑

<textarea name="txtmessage" style=" width: 82%; height: auto; outline-color: none;" id="txtmessage" placeholder="write your text here..."></textarea> 
          <div class="em"> 
           <img src="http://simpleicon.com/wp-content/uploads/big-smile-256x256.png" width="25" id="showhide_emobox" /> 
           <div id="emobox"> 
            <img alt=":)" border="0" src="emotions/emoticon-happy.png" /> 
            <img alt=":(" border="0" src="emotions/emoticon-unhappy.png" /> 
            <img alt=":o" border="0" src="emotions/emoticon-surprised.png" /> 
           </div> 

          </div> 

$('#emobox img').live("click",function() { 
      var smiley = $(this).attr('alt'); 
      var test = $(this).attr('src'); 
      var tst1 = '<img alt=' + smiley + ' border=0 src=' + test + ' />' 
      ins2pos(tst1, 'txtmessage'); 
     }); 

回答

0

如果你只是想插入圖片標籤的alt,你爲什麼要構建使用src一個新的字符串?爲什麼不這樣做呢?

$('#emobox img').live("click",function() { 
     var smiley = $(this).attr('alt'); 
     ins2pos(smiley, 'txtmessage'); 
}); 
+0

我知道這僅適用於冠軍,但我也想圖像(比喻)那邊,但在文字區域我不想顯示路徑,但標題,當我在發送鍵單擊它應該顯示的比喻在聊天正文中,現在顯示上面的代碼明文,但在文本區域顯示的是整個路徑而不是標題 –

+0

您不能將圖像添加到'textarea'。你可以使它成爲可編輯的'div'內容http://stackoverflow.com/questions/3793090/html-is-there-any-way-to-show-images-in-a-textarea或另一種解決方案是使用html實體而不是圖像 – mpallansch

相關問題