2006年9月23日星期六

6、Alternate Row Colors

  该插件的功能是设置动态背景交替颜色,还可以设置当鼠标经过时改变颜色。其功能比我们前面介绍过的功能要强大的多。
 
  在使用该插件之前我们要确定页面上有一个表格、一个记录集和一个重复区域,如图 12.218 所示。
 

图 12.218
 
  安装完插件后要重新启动MX,选择页面上的重复区域后在“应用程序”面板上点击“服务器行为”选项卡。在“服务器行为”选项卡上点击“+”按钮,在下拉菜单中选择“Technocurve > Alternate Row Colours”选项,如图 12.219 所示。
 

图 12.219 选择“Alternate Row Colours”选项
 
  此时会弹出如图 12.220 所示的“Alternate Row Colours”设置对话框。

 
图 12.220“Alternate Row Colours”设置对话框
 
  First Colour:第一行表格的颜色。
  Second Colour:第二行表格的颜色。
  tr tag:标记。
  Select correct row:选取适当的行。

 
  设置完成后点击“确定”。

 
  在浏览器测试效果你会发现表格的背景颜色发生了交替变化的颜色。这是该插件的一个简单的功能,还有更强大的功能我们现在来介绍它。

 
  同样在“服务器行为”选项卡上点击“+”按钮,在下拉菜单中选择“Technocurve > Alternate Row Colours MouseOver”选项,如图12.221所示。

 
图 12.221 选择“Alternate Row Colours MouseOver”选项
 
  First Colour:第一行表格的颜色。
  Second Colour:第二行表格的颜色。
  First MouseOver Colour:第一行鼠标经过时的颜色。
  Second MouseOver Colour:第二行鼠标经过时的颜色。
  Select correct tr tag:选取恰当的标签。
  The first on the page will be :首行在页面上必须是tr[0]或tr[1]。
  In a 2 row table,the second row is:在一个2行的表格里,第二行是。

 
  设置完成后点击“确定”。

 
  在浏览器中测试效果如图 12.222 所示。

 
图 12.222 在浏览器中测试效果
 
  当鼠标经过表格的第一行时你会发现它的颜色改变了,如图 12.223 所示。

 
图 12.223 在浏览器中测试效果
 
  当鼠标经过表格的第一行时你会发现它的颜色改变了,如图 12.224 所示。

 
图 12.224 在浏览器中测试效果
 
7、Horizontal Looper PHP

 
  该插件的功能是可以设置记录集横向显示。

 
  在使用插件之前首先要创建一个记录集,我们来使用动态表格创建。在对象面板上选择“应用程序”选项卡,在“应用程序”选项卡时点击动态表格图标,如图 12.225 所示。

 
图 12.225 点击动态表格图标
 
  此时会弹出设置说明对话框。

 
图 12.226 选择创建记录集
 
  注意,该对话框的“确定”按钮是灰的,正明当前的页面是没有记录集的页面。

 
  如果你还没有创建站点的话可以点击“站点”来创建。你同样可以选择“文档类型”来选择或更改文档,也可以选择“测试服务器”来更改服务器的设置。

 
  在这里我们是要创建一个动态表格,所以点击创建“记录集”。此时会弹出如图 12.227 所示的“Recordset”设置对话框。

 
图 12.227“Recordset”设置对话框
 
  “Recordset”设置对话框我们已经讲过很多遍了,在这里就不再重复了。按钮图设置完成后点击“确定”。此时的设置说明对话框上的“确定”按钮变成可以使用的状态了,如图 12.228 所示。

 
图 12.228 “确定”按钮变成可以使用的状态
 
  这时点击设置说明对话框上的“确定”按钮,随后会弹出如图 12.229 所示的动态表格设置对话框。

 
图 12.229 动态表格设置对话框
 
  动态表格设置对话框使用默认设置即可,点击“确定”按钮完成动态表格的设置。

 
  由于我们要使用“Horizontal Looper PHP”插件的横向重复区域功能,所以动态表格自动产生的“重复区域”就要删除。在“服务器行为”面板点击“重复区域”,如图 12.230 所示。

 
图 12.230 点击“重复区域”
 
  点击服务器行为面板上的“_” 按钮删除该行为。删除后的“服务器行为”面板如图 12.231 所示。
 

图 12.231 删除后的“服务器行为”面板
 
  现在我们来使用“Horizontal Looper PHP”插件的横向重复区域功能,如图 12.232 所示的选择“Horizontal Looper MX”选项。

 
图 12.232 选择“Horizontal Looper MX”选项
 
  此时会弹出如图 12.233 所示的“Horizontal Looper MX”设置对话框。

 
图 12.233“Horizontal Looper MX”设置对话框
 
  Recordset:选择记录集。
  Show:显示。
  Rows:横排。
  Columns:竖排。
  All Records:全部记录。

 
  设置完成后点击“确定”。

 
  此时页面上会显示一个嵌套表格,如图 12.234 所示。

 
图 12.234 显示一个嵌套表格
 
  在浏览器中测试效果如图 12.235 所示。

 
图 12.235 在浏览器中测试效果

没有评论: