beautypg.com

Create the image for the insert bar, Editing the insertbar.xml file – Adobe Extending Dreamweaver CS4 User Manual

Page 121

background image

115

EXTENDING DREAMWEAVER CS4

Insert bar objects

5

Save the file that now contains the JavaScript functions as Strikethrough.js in the Configuration/Objects/Text
folder.

Create the image for the Insert bar

1

Create a GIF image (18 x 18 pixels), as shown in the following figure:

2

Save the file as Strikethrough.gif in the Configuration/Objects/Text folder.

Editing the insertbar.xml file

Next, you need to edit the insertbar.xml file so Dreamweaver can associate these two items with the Insert bar interface.

Note: Before you edit the insertbar.xml file, you might want to copy the original one as insertbar.xml.bak, so you have a
backup.

The code within the insertbar.xml file identifies all the existing objects on the Insert bar.

Each

category

tag in the XML file creates a category in the interface.

Each

menubutton

tag creates a pop-up menu on the Insert bar.

Each

button

tag in the XML file places an icon on the Insert bar and connects it to the proper HTML file or

function.

Add the new object to the Insert bar

1

Find the following line near the beginning of the insertbar.xml file:

folder="Common">

This line identifies the beginning of the Common category on the Insert bar.

2

Start a new line after the category tag; then insert the

button

tag and assign it the

id

,

image

, and

file

attributes

for the Strikethrough object.

The ID must be a unique name for the button (following standard naming conventions, use

DW_Text_Strikethrough

for this object). The

image

and

file

attributes simply tell Dreamweaver the location of

the supporting files, as shown here:

This manual is related to the following products: