Adobe 38040334 Extending Dreamweaver - Page 116

DREAMWEAVER CS3 110 Extending Dreamweaver To separate the HTML object definition file from the supporting JavaScript functions: 1 Create a new blank file. 2 Paste all the JavaScript functions into the file. 3 Remove the functions from Strikethrough.htm, and add the JavaScript filename to the src attribute of the script tag, as shown in the following example: Strikethrough 4 Save the Strikethrough.htm file. 5 Save the file that now contains the JavaScript functions as Strikethrough.js in the Configuration/Objects/Text folder. Creating the image To 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. To add the new object to the Insert bar: 1 Find the following line near the beginning of the inserbar.xml file: