无刷新自娱自乐单机聊天室

最新推荐文章于 2024-04-22 21:52:14 发布

rcyl2003

最新推荐文章于 2024-04-22 21:52:14 发布

阅读量781

点赞数

文章标签：聊天 function web开发 html scroll input

作者tag: js web开发 web开发(脚本和动态语言) 聊天室 CSDN 推荐tag: html 自娱自乐 chatcontent nickname

<<js简单窗口拖动 | Mysql日期和时间函数不求人 >>

无刷新自娱自乐单机聊天室Version1.0

预览地直:预览

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<TITLE>无刷新自娱自乐单机聊天室Version1.0</TITLE>
<style type="text/css">
body{font-size:12px;font-family:'宋体';}
#chatContent{width:400px;height:350px;border:1px solid blue;display:block;overflow-x:hidden;overflow-y:scroll;}
#chatform{width:400px;height:50px;border:1px solid blue;margin-top:5px;}
#textArea1{margin:0px;width:300px;height:45px;border:1px solid black;}
</style>
<script type="text/javascript">
function $I(d){return document.getElementById(d);}
function $N(d){return document.getElementsByName(d)[0];}
function tosend(obj){
  nickname = $N("nickname").value;
  if(nickname.length ==0 ){$I("noticeMes").innerHTML = "<font color=red>昵称不可为空</font>"; return false;}
  o = obj.chat.value;
  if(o.length>0){
   $I("chatContent").innerHTML += "<font color=red>"+nickname+"</font>说:" + o + "<br>";
   $N("chat").value = "";
  }
}
</script>
</HEAD>
<BODY>
<div id="chatContent"></div>
<div id="chatform">
<form action="" method="post" name="form1">
   昵称:<input type="text" name="nickname" size=10 style="border:1px solid black;"><span id="noticeMes"></span><br>
  <textarea name="chat" cols=30 rows=3 id="textArea1">在这里输入聊天内容</textarea>
  <input type="button" value="提交" οnclick="tosend(this.form)">
</form>
</div>
</BODY>
</HTML>

rcyl2003

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
无刷新自娱自乐单机聊天室

作者tag:js web开发 web开发(脚本和动态语言) 聊天室 CSDN 推荐tag:html 自娱自乐 chatcontent nickname | Mysql日期和时间函数不求人 >> function StorePage(){d=document;t=d.selection?(d.selection.type!=None?d.selection.createRan
复制链接

扫一扫