如何在文本区域的右侧显示当前时间，并在左上角显示消息文本？

在我的客户端聊天应用程序jsp页面中，我有一个文本区域，显示来自代理端的消息，并显示来自客户的消息。如何在文本区域的右侧显示当前时间，并在左上角显示消息文本？

这一工程fine.My JavaScript代码，

function sendMessage(){ 
    message =trim(document.getElementById("message").value); 
    document.getElementById("message").value = ""; 

    if(message != null && message !="null" && message !=""){ 

     try 
     { 
      xmlhttp.onreadystatechange=function() 
      { 
       if (xmlhttp.readyState==4 && xmlhttp.status==200) 
       { 
        var checkMsg = trim(xmlhttp.responseText.toString()); 
        textarea = document.getElementById('textarea'); 

        if(checkMsg != "null" && checkMsg != null && trim(checkMsg).length != 0) { 
         if(trim(textarea.value) == ""){ 
          textarea.value = message = checkMsg; 
          textarea.scrollTop = textarea.scrollHeight; 
         } 
         else{ 
          textarea.value += "\n"+checkMsg; 
          textarea.scrollTop = textarea.scrollHeight; 
         } 

        } 
       } 
      }; 

      xmlhttp.open("POST", "SendMessageAction",true); 
      xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
      xmlhttp.setRequestHeader("charset","UTF-8"); 
      xmlhttp.send("sessionId="+encodeURIComponent(sessionId)+"&userId="+encodeURIComponent(userId)+"&securekey="+encodeURIComponent(secureKey)+"&message="+encodeURIComponent(message)+"&sid="+Math.random()); 

     } 
     catch(err) 
     { 
      alert(err.description); 
     } 
    } 

}

在我需要包括当前时间与文本区域的右侧角球在文本区域追加每一个消息。

我可以附加当前时间的消息，但我需要将它附加在textarea的右侧角落与每条消息？

我该怎么做。请给出一些想法或一些代码。

来源

2012-12-28 Human Being

据我所知，一个textarea只能包含常规文本。所以这意味着你不能在textarea的特定部分上应用任何格式。最接近你可能会得到的是通过填充一些空格的时间戳，但最好是错误。如果这还不够好，则必须将文本框分成多个部分，很可能每个时间戳都有一部分。 –

您是否试图在文本框中向用户/代理显示当前时间，或者您是否试图在发送消息文本时将当前时间追加到消息文本中？ – icramc

感谢支持我。如何将textarea分成两部分？这是一个消息和显示当前时间。？ –

这里是显示当前的日期/时间的函数：

如果你愿意，你可以提取仅仅是出于时间的时间线。

function update(){ 
time = new Date(); 
year = (time.getFullYear()); 
month = (time.getMonth() + 1); 
date = time.getDate(); 
hours = time.getHours(); 
mins = time.getMinutes(); 
secs = time.getSeconds(); 
if(mins.length<2){mins = "0"+secs} 
if(secs.length<2){secs = "0"+secs} 
if(month.length<2){month = "0"+secs} 
if(date.length<2){date = "0"+secs} 


// Config Starts 
if(hours>12){hours=hours-12}else{hours} 
format = year+"-"+month+"-"+date+" @ "+hours+":"+mins+":"+secs; 
document.form1.box1.value = format; 
// Config Ends 
} 
setInterval("update()",1000);

显示结果使用：

<script> 
#right 
    { 
     float: right; 
    } 
</script> 

<div id="right"> 
<p>Current Date/Time is: <INPUT name="box1" type="text" size="20"></p> 
</div>

来源

2012-12-29 04:36:57

请仔细检查您的代码。有错误.. –

如何在文本区域的右侧显示当前时间，并在左上角显示消息文本？

回答

相关问题