2012-03-29 29 views
3

我正在實現一個小聊天應用程序,我從服務器接收消息,我想要顯示給用戶。由於我更像是後端人員,並且缺乏前端開發經驗,所以我不知道哪個元素最適合輸出文本。 (用於輸入,據我瞭解,這是意)HTML - 輸出文本的哪個元素?

  1. 使用純div
  2. 使用textarea

    兩個選項來我的心。

(如果我可以以某種方式使用JQuery淡入文本,也會很好)。

回答

4
  • 對於只讀消息 - 更好地利用<div>
  • 以其它方式使用<textarea> \文本框(<input type="text"...>)。

衰落很簡單,如果元素id爲foo

$('#foo').fadeIn(); 
+0

所以,我應該使用一個div作爲消息的容器,並將每個新消息插入爲ap? – helpermethod 2012-03-29 17:26:49

+1

@OliverWeiler。聽起來像一個合法的想法。使用HTML + CSS,你可以做任何事情。你可以使一個div看起來像一個textarea和相反,(雖然會選擇div cuz它看起來像一個div自然...) – gdoron 2012-03-29 17:28:10

+0

不會有一個無序列表在語義上更好? – helpermethod 2012-03-29 17:29:17

1

你必須使用一個div,文本區域實際上是輸入

的jQuery:http://api.jquery.com/fadeTo/

防爆:

$('#div').fadeTo('slow', 1); 
+0

爲什麼不'fadeIn'? – gdoron 2012-03-29 17:22:12

+0

習慣做到這一點,我總是使用這一個:) – 2012-03-29 17:22:52

+1

另一件事,我不會說他_「有」_使用div。這是建議儘管。 – gdoron 2012-03-29 17:26:46

2

使用標籤的內容,並與jQuery你可以追加一個跨度或每新消息的段落標籤:

<div id="chatContent"> 

</div> 

然後在JQuery中你可以這樣做:

function chatMessageRecieved(message) { 
    $("#chatContent").append("<p> " + messsage + "</p>") 
}