Adobe 38040334 - Dreamweaver CS3 User Manual page 219

</BODY>
</HTML>
To specify what appears in the Property inspector, add the following between the opening and closing
4
<!-- Specify the image that will appear in the Property inspector -->
<SPAN ID="image" STYLE="position:absolute; width:23px; height:17px; ¬
z-index:16; left: 3px; top: 2px">
<IMG SRC="marquee.png" WIDTH="36" HEIGHT="36" NAME="marqueeImage">
</SPAN>
<SPAN ID="label" STYLE="position:absolute; width:23px; height:17px; ¬
z-index:16; left: 44px; top: 5px">Marquee</SPAN>
<!-- If your form fields are in different AP elements, you must ¬
create a separate form inside each AP element and reference it as ¬
shown in the inspectSelection() and setInterjectionTag() functions. -->
<SPAN ID="topLayer" STYLE="position:absolute; z-index:1; left: 125px; ¬
top: 3px; width: 431px; height: 32px">
<FORM NAME="topLayerForm">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD VALIGN="baseline" ALIGN="right">Direction:</TD>
<TD VALIGN="baseline" ALIGN="right">
<SELECT NAME="marqDirection" STYLE="width:86"
onChange="setMarqueeTag()">
<OPTION VALUE="left">Left</OPTION>
<OPTION VALUE="right">Right</OPTION>
</SELECT>
</TR>
</TABLE>
</FORM>
</SPAN>
Save the file as marquee.htm in the Configuration/Inspectors folder.
5
Writing the JavaScript code
You need to add JavaScript functions to make sure you can inspect the selection, to inspect the selection, and to enter
the appropriate values in the Property inspector.
To write the JavaScript code:
Create a new blank file.
1
2 To specify that the Property inspector appears whenever the selection contains the
function:
function canInspectSelection(){
return true;
}
To refresh the value of the
3
of the file:
attribute that appears in the text field, add the following function at the end
direction
DREAMWEAVER CS3
Extending Dreamweaver
body
tag, add the following
marquee
213
tags: