2012-03-29 60 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>") 
}