The Change Property behavior can set various object properties, as we saw in Section 14.1.2.1 in Chapter 14. Applying the Change Property behavior in the Behaviors panel opens the Change Property dialog box shown in Figure 16-1. Figure 16-1. Change Property behavior parameters The dialog box options are as follows (see Table 16-1 for details): - Type of Object
-
Select an object type from the pop-up list. Each object type corresponds to a single HTML tag, except for the LAYER option, which matches all HTML tags that can be used to display layers . - Named Object
-
Select one of the HTML entities matching the chosen Type of Object. For example, if Type of Object is IMG, the Named Object pop-up menu lists all <img> tags in the current document. - Property
-
Select either a predefined property or enter a custom one using the following options: - Select
-
Enable the Select radio button to choose from a pop-up list of attributes supported by the current browser for the current object. - Browser pop-up list
-
Choose the browser you are supporting (NS3, IE3, NS4, or IE4). The chosen browser determines which properties appear in the Select pop-up list for each object type. - Enter
-
Enable the Enter radio button to enter a property manually in the adjacent field. Consult the O'Reilly HTML Reference information in the Reference panel for tag properties. - New Value
-
Specify the updated value for the property. Table 16-1 lists the object properties that can be set in Netscape Navigator and Internet Explorer. Use the LAYER object type to change the properties of a layer, even if the layer is implemented using a <div> tag. To change layer properties, which are referenced differently in Internet Explorer and Netscape, you must apply the Change Property behavior twice (once for each browser), as seen in Section 14.2.3 in Chapter 14. Table 16-1. Object properties that can be changed by the Change Property behavior Object type | HTML tag | Object properties | LAYER | <layer> , <ilayer> , <div> , and <span> | NN4+: top , left , zIndex , clip , visibility , document. bgColor , document.background. Internet Explorer: style.top , style.left , style.width , style.height , style.zIndex , style.clip , style.visibility , style.backgroundColor , style.backgroundImage , style.filter. | DIV | <div> tags only | Select the DIV object type only when setting attributes of a <div> tag that is not used to implement a layer; otherwise , select objects of type LAYER to set layer attributes. If DIV is selected, the settable attributes are same as for SPAN. | SPAN | <span> tags only | Select the SPAN object type only when setting attributes of a <span> tag that is not used to implement a layer; otherwise, select objects of type LAYER to set layer attributes. You can set the following attributes for SPAN objects: IE4+: style.fontFamily , style.fontStyle , style.fontWeight , style.fontSize , style.borderStyle , style.borderWidth , style.borderColor , style.backgroundColor , style.backgroundImage , style.filter . IE4+ and NN6: innerHTML and innerText. | IMG | <img> | src (not supported in IE3) | FORM | <form> | action | INPUT/ CHECKBOX | <input type= "checkbox"> | checked | INPUT/ RADIO | <input type= "radio"> | checked | INPUT/TEXT | <input type= "text"> | value | INPUT/ PASSWORD | <input type= "password"> | value | TEXTAREA | <textarea> | value | SELECT | <select> | selectedIndex | As with other behaviors, to use the Change Property behavior with a template-based document, you must apply it to the template itself. |