A Simple Property Inspector Example - MACROMEDIA DREAMWEAVER 8-EXTENDING DREAMWEAVER Manual

Extending dreamweaver
Table of Contents

Advertisement

A simple Property inspector example

The following Property inspector inspects the
Microsoft Internet Explorer. The example lets you set the value of the
the Property inspector. To set the value of the
as a model.
You create this extension by performing the following steps:
Creating the user interface
Writing the JavaScript code
Creating the image
Testing the Property inspector
Creating the user interface
You create an HTML file that contains a form, which appears in the Property inspector.
To create the user interface:
1.
Create a new blank file.
2.
As the first line of the file, add the comment that identifies the property inspector, as
follows:
<!-- tag:MARQUEE,priority:9,selection:exact,vline,hline -->
3.
To specify the document title and the JavaScript file that you will create, add the following
after the comment:
<HTML>
<HEAD>
<TITLE>Marquee Inspector</TITLE>
<SCRIPT src="marquee.js"></SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
4.
To specify what appears in the Property inspector, add the following between the opening
and closing
BODY
<!-- 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; ¬
282
Property Inspectors
tags:
tag, which is available only in
MARQUEE
tag's other attributes, use this example
MARQUEE
attribute in
direction

Advertisement

Table of Contents
loading
Need help?

Need help?

Do you have a question about the DREAMWEAVER 8-EXTENDING DREAMWEAVER and is the answer not in the manual?

This manual is also suitable for:

Dreamweaver 8

Table of Contents