如何在文本區域的右側顯示當前時間，並在左上角顯示消息文本？

在我的客戶端聊天應用程序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

請仔細檢查您的代碼。有錯誤.. –

如何在文本區域的右側顯示當前時間，並在左上角顯示消息文本？

回答

相關問題