The spry:hover and spry:select attributes further augment the usability of a Spry table. Any style
applied to the spry:hover attribute is applied when the users mouse hovers over the table row; likewise,
the spry:select style comes into play when the user clicks the row.
609
Powering Ajax Pages with Spry 18
610
Adding Advanced Design Features Part III
Enhanced CSS for Spry
Because Spry uses JavaScript rather than standard links to make entire rows or columns clickable, the user??™s
pointer does not automatically change to a hand to indicate a link. You can, however, add a
cursor:pointer property to your CSS applied classes to compensate. This changes the user??™s mouse
pointer to the hand symbol. To be backward compatible with Internet Explorer 5, you??™ll need to include
another cursor property with the value of hand, like this:
th {
cursor: pointer;
cursor: hand;
}
It??™s important that the cursor properties be declared with pointer first and hand second to achieve the same
effect in Internet Explorer 5.
The simplest way to incorporate Spry data into your Web pages is to establish an XML data connection and
apply a Spry Table. This Dreamweaver Technique takes you through the necessary steps for adding Spry
data to your page.
1. From the Techniques site, expand the 18_Spry folder and open the spry_data_start file.
Pages:
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099