客户端CGI——结合javascript、dhtml实现bbs的backoffice(一)。

    客户端CGI——结合javascript、dhtml实现bbs的backoffice(只与服务器交互一次)。
    最近见到很多朋友问有关对form元素的操作问题,下面把我写的一个bbs的backoffice部分帖出来给大家。这个程序实现了对bbs中栏目及其下属论坛的增、删、改名、排序、移动、修改属性等等操作,而只与服务器交互一次,其中用到的表单元素有text , button, submit,select , textarea等,如果你能够全部理解这些代码,那么不敢说你精通javascript和dhtml(我就不敢),最起码可以说你会了。
    因为是草稿,所以未进行程序优化及界面处理,实际上你如果结合css可以把它做得象一个windows程序而不象html页面。另外一条因为我是用ie5来测试的,所以其中一些写法不是很规范,如引用form名时前面没加document , 函数没有返回值等,这些在nescape里都是不允许的,如果你要在nescape里用,请自己把语法规范了。
    由于源代码很长(30000多字节),我将分为几个部分来讲,你把几部分中的代码合在一起存为一个html文件就可以直接运行了。首先需要从数据库中取出记录放到前台javascript数组中,因为着重点是放在前台,所以这里的asp我就不列出来了,只把它生成的html列出来,它的目的是生成数组及初始页面。这部分代码中牵涉到一个生成javascript二维数组的技巧,请大家仔细看一下,这是整个程序的关键所在。下面这段程序生成两个数组,一个是aCategory,代表bbs大的栏目,共有四个;另一个是aForum,代表同栏目相关联的论坛。整个程序的操作实际上就是围绕着两个数组来实现的,同这两个数组相关联的是表单frmManager的两个select :selCategory和selForum。
<script language=javascript>
     //版块数组的构造函数
     function MakeCategory(CategoryID , CategoryName , OrderNum)
     {
    this.CategoryID     = CategoryID ;
    this.CategoryName = CategoryName ;
    this.OrderNum     = OrderNum ;
    return this ;
     }
     //论坛数组的构造函数

时间: 2024-09-26 02:35:01

客户端CGI——结合javascript、dhtml实现bbs的backoffice(一)。的相关文章

客户端CGI——结合&amp;#106avascript、dhtml实现bbs的backoffice(一)。

cgi|dhtml|客户端          客户端CGI--结合javascript.dhtml实现bbs的backoffice(只与服务器交互一次).    最近见到很多朋友问有关对form元素的操作问题,下面把我写的一个bbs的backoffice部分帖出来给大家.这个程序实现了对bbs中栏目及其下属论坛的增.删.改名.排序.移动.修改属性等等操作,而只与服务器交互一次,其中用到的表单元素有text , button, submit,select , textarea等,如果你能够全部理解

客户端CGI——结合javascript、dhtml实现bbs的backoffice(二)

//页面显示出来了,下面的任务就是对它们进行操作了.以下都是前台javascript函数.第一步,首先在window.onload事件中根据数组aCategory来生成选择框selCategory的option值.    function On_Load()        {                //初始化        frmManager.btnChangeMaster .disabled        = true ;        frmManager.btnChangeNam

客户端CGI——结合&amp;#106avascript、dhtml实现bbs的backoffice(二)

cgi|dhtml|客户端 //页面显示出来了,下面的任务就是对它们进行操作了.以下都是前台javascript函数.第一步,首先在window.onload事件中根据数组aCategory来生成选择框selCategory的option值.   function On_Load()      {              //初始化        frmManager.btnChangeMaster .disabled      = true ;        frmManager.btnCh

客户端CGI——结合&amp;#106avascript、dhtml实现bbs的backoffice(四,完)

cgi|dhtml|客户端 //第六步,修改版主 function On_ChangeMaster()    {      //如果没有论坛被选中,则退出      if (frmManager.selForumName .selectedIndex == -1)        {          return 0 ;        }                if (frmManager.btnChangeMaster .value == "修改")        {    

客户端CGI——结合&amp;#106avascript、dhtml实现bbs的backoffice(三)

cgi|dhtml|客户端 //第四步,实现对栏目及相关论坛的排序,基本思路就是对数组进行重新组合排序. function On_OrderUp()    {      var CategoryIndex = frmManager.selCategoryName.selectedIndex ;       var ForumIndex = frmManager.selForumName.selectedIndex ;      if (ForumIndex == -1 && Categor

JAVASCRIPT+DHTML实现表格拖动

dhtml|javascript <html> <style>     body{               font-size:9pt;     }       table,th,td{         font-size:9pt;     }     .lsitTalbe{         table-layout:fixed;         width:30%;         border-collapse:collapse;         border-color:

百度技术沙龙第十七期:论剑富客户端时代的JavaScript框架

中介交易 SEO诊断 淘宝客 云主机 技术大厅 目前,几乎所有网站都在使用JavaScript和Ajax技术,好的框架不仅可以帮助设计师和开发人员把精力集中在关键业务上,而且可以避免重复开发,打造优秀网站,最终提升用户体验. 2011年8月20日,由全球最大的中文搜索引擎公司百度发起的第十七期技术沙龙在北京京仪大酒店二层热烈举行.来自各大互联网企业的数百位软件工程师围绕JavaScript框架话题进行了深入探讨和交流.百度商务搜索部前端工程师董睿.IBM中国开发中心的高级软件工程师成富与参会者共

javascript客户端检测技术

原文:javascript客户端检测技术 javascript客户端检测技术  1. Firefox    Gecko是firefox的呈现引擎.当初的Gecko是作为通用Mozilla浏览器一部分开发的,而第一个采用Gecko引擎的浏览器是Netscape6: 我们可以使用用户代理检测下:如下JS代码: var ua = navigator.userAgent; console.log(ua); 在windows下firefox下打印如下:    Mozilla/5.0 (Windows NT

用JavaScript显示浏览器客户端信息的超相近教程_基础知识

1. Firefox Gecko是firefox的呈现引擎.当初的Gecko是作为通用Mozilla浏览器一部分开发的,而第一个采用Gecko引擎的浏览器是Netscape6: 我们可以使用用户代理检测下:如下JS代码: var ua = navigator.userAgent; console.log(ua); 在windows下firefox下打印如下: 复制代码 代码如下: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:38.0) Gecko/2010010