首先，我们需要着重介绍一些概念，以给你提供一些使这个“奇迹”得以发生的组成部分。太轻易地泄露伏笔对于讲故事来说不是个好的形式，所以那些不愿意在一开始就看到就结局的人就应该在这里先走开一下。

　　 这个综合体的第一部分是定宽字体的使用。Internet Explorer 和Netscape的两种标准定宽字体分别是 Courier New和Lucida Console。大部分的网页设计都不是完全使用标准字体，但它们是这个特定技术 工作的必要条件，正象上面两个画面所显示的，它们看起来不错。

　　 进一步解释，定宽字体就是一种字体，对这种字体的所有字符来说每个字符所占据的空间都是相同的。所以你可能想要采取一定的步骤以确保，这些定宽字体中的某一个或另一个已经安装在组成你的目标观众的客户机上。如果要用你的浏览器看看目前这些字体是否已经安装，在IE5中到Tools | Internet Options下，在Internet Options窗口的General 标签上点击 Fonts 按钮。你就会看到一个名为 Plain Text Font的区：

　　

　　 这就是当前安装的全部定宽字体的列表。对于Netscape 4 和更高版本，到Edit | Preferences ，在 tree-view中展开 Appearance并选择 Fonts。在那有一个Fixed Width Fonts的下拉列表。

　　 第二部分是将某个特定的字体申请到选项列表中的能力。在IE4及以上版本中，可以用以下方式申请一个字体：

　　 < SELECT name="mySelect" style=FONT-FAMILY: Lucida Console, Courier New; >

　　 对Netscape，你可以围绕选项列表使用Font标记：

　　 < FONT FACE="Lucida Console, Courier New" >< /FONT >

　　 第三部分就是无间断空间＆nbsp和管道字符的使用。

　　 在下一部分我将演示一个简单的完全编码的多选项列表的例子。最后一部分将演示在上下文使用数据库调用的多选项列表函数，并将探索一些可能的参数选择。

基本的多栏选项列表
作 者 : 青苹果工作室 本文点击次数：4755


　　 以下的HTML例子示范多栏选项列表的最基本形式：

< HTML >
< HEAD >
< TITLE >Simple Multi-Column Select List< /TITLE >
< /HEAD >

< BODY >
< FORM >
< FONT FACE="Lucida Console, Courier New" >
< SELECT name="sel1" size=3 style="HEIGHT:65 px; WIDTH:350px;
FONT-FAMILY: Lucida Console, Courier New; FONT-SIZE: x-small;" >
< OPTION VALUE="1" >
John |Chips |
Intel |Hillsboro
< OPTION VALUE="2" >
Sue |Wotz |
Microsoft |Redmond
< OPTION VALUE="3" >
Nathan |Babb |
Eprise |Framingham
< /SELECT >
< /FONT >
< /FORM >
< /BODY >
< /HTML >

　　 列表选项包含FirstName、 LastName、 Company 和 City。为了正确地安排第一栏的格式，我们必须发现字节数最多的名字''Nathan''，然后为全部7个字符增加一个无间断空间。然后我们给John和Sue增加适当数量的空格，使它成为7个字符，在结尾增加管道符号，现在我们就有了一个格式化了的栏。

　　 要注意我们在以上代码中增加了< FONT > 标记。这是为了在Netscape上使用考虑，因为Netscape不象 IE能够识别字体属性。还要注意< FORM > 标记的出现。这也是Netscape 的要求。IE允许你绘制表单域、 选项列表等，不用将它们放在< FORM > 标记中，而在Netscape ，如果想要提取表单控制的话，就要求 表单的标记。

　　

　　 使用这种方法有明显的缺陷。比如说，不容易向列表中增加一个记录，尤其是当它的大小与编码确定的空间不适合的时候。另外，这种类型的列表难以维护，尤其是当你不是创建编码的那个人的时候。 在下一部分我将向你演示如何用代码动态创建一个多栏选项列表。

扩展的多栏选项列表（一）
作 者 : 青苹果工作室 本文点击次数：4755


　　 我所执行的多栏选项列表是一个叫做aspOptionListMulti()的函数。如果你想跳过解释直接进入代码部分，可以在文章结尾处找到供下载的函数。下载的函数包含以下几个文件：

simpleSelect.htm
multicolumnlist.mdb
example.asp
connect.inc
aspFunction.asp
　　 simpleSelect.htm 是前面第一个例子的代码。我的动态例子使用的数据库是Access ，其数据源是 multicolumnlist.mdb 。通过运行example.asp 脚本就可以看到这个动态例子实际执行情况。这个文件中包含connect.inc 以建立与数据库的连接，aspFunction.asp 进行对aspOptionListMulti() 的函数调用。

　　 如下表中所列的，我的多栏列表函数有10个参数。我不想在aspOptionListMulti()的数据恢复方面多花时间。在接下来的讨论中，假设存在某种类

评论 (0) All

登陆 还没注册？