炼成PHP程序44-文件以及图像技术5-JS自动生成表单控件.ppt

炼成PHP利剑 主讲：白月 第四十三讲 内容与作业 多文件上传 第一部：锻造 第二章，锻造利剑 第四十四讲： 上传与图像处理（5） (JS自动生成表单控件) 文章系统开发的功能 1、文章管理功能(增加,编辑,删除) 2、分类与管理功能（文章分类，多级分类联动） 3、用户管理与权限功能！ 4、文件上传功能（附件，图片新闻，下载） 5、前后台整合与前台用户功能 6、文章评论与评分！ 7、用户积分以及积分计划 第四十四 JS自动生成多表单控件 JS自动生成多表单控件 JS生成控件技术 JS生成表单控件 JS动态生成能适应多文件上传的表单 本节课所涉及到的工具 Dreamweaver CS4 Mysql_front PHP5 中文手册 本节课实现功能 JS自动生成表单 44.1 JS生成控件 对于我们现在页面技术来说，JAVASCRIPT无疑是最受关注的。如果你是做网页的，那么你就必须会她。 现在我们的AJAX技术的主体也是她。 因为她可以办到服务器脚本不能办到的事情：不刷新页面更新页面数据，今天讲的内容也是其中之一！ 44.1.1 JS生成控件的方法 其实技术本身来说很简单！我们生成各类控件或者获取各类控件或者容器的参数，值的方法是很简单的。只需要大家知道一个： Document 对于这个对象来说，我们并不是很陌生，因为像我们学习PHP一样，第一个程序我们就会遇到她： Document.write(“HELLO WORLD!”) 44.1.1 JS生成控件的方法 但是在这里，我们几乎万能的document对象可以帮助我们在不刷新页面的情况下生成任何HTML控件、容器。或者获取她们的参数或者值。 Document.getElementByid(“ID”).value Document.getElementByid(“ID”).innerHTML Document.getElementByid(“ID”).style 44.1.2 JS生成控件的方法 1、要生成控件，首先我们得找个容器。那么这个容器可以是表格，DIV,SPAN等标签 2、选择一个作为生成控件的方法 Document.getElementByid(“ID”).innerHTML 3、设计一个函数（不设计函数不行的） 4、最后调用函数，可以是在链接或者按钮等有 onclick()方法的对象上！ 44.1.3 体验JS生成控件的功能 设计一个程序，当我们点击按钮的时候，生成一个文本框！ 注意.innerHTML方法是代表着容器内的”HTML代码” 44.2 生成多个控件 我们接着来看我们要完成的功能：生成多个文件域的功能。 问题在于多个文件域的连续生成！这样的话比较麻烦。 其实我们可以这样，用一个按钮，当点击的时候就调用增加“控件HTML代码”的函数。这样是不是可以连续生成控件？ 生成控件的时候还要注意，符合我们的文件上传的规范，方便我们的PHP程序获取数据。 44.2 生成多个控件 设计一个程序：我们有一个增加按钮，点击一次就增加以个文件域，有一个删除按钮，点击一次就删除一个文件域！ 44.3 分析一个好程序 我在网上找了一个自动生成的好程序。我们一起来分析一下，看看这个程序和我前面的程序有什么优点和缺点！ 44.4 作业 完成本节课的内容。 思考下BBS中多文件上传控件的生成 44.5 下节课主要内容 改进多图上传 附件，多文件附件 * 作者：白月 毕业于四川农业大学 从事PHP程序设计工作7年 从事教师工作4年 主讲内容：炼成PHP利剑 当今的职场，犹如战场。硝烟滚滚，战马奔腾！在这样的战场上，唯有一把趁手的利器才能让你纵横驰骋。纵观当今，武器层出不穷，实在让人难以选择！而PHP这把利剑，自横空出世以来，所向披靡，有着向各大利器挑战的前景。有很多的武士已经佩戴着PHP利剑在互联网行业中打出了自己的一片天下！比如“康盛创想”。而这把剑要掌握起来非常的容易，所以越来越多的职场武士开始选择PHP利剑来武装和充实自己。 于2003年8月，组建了自己的工作室：白月工作室 作品集： 工作室：（网站） （论坛） （PHP教学站） 炼成PHP利剑