Adobe 38040334 Extending Dreamweaver - Page 196

DREAMWEAVER CS3 190 Extending Dreamweaver List Images 3 At the end of the file, add the script tag and specify the Reports.js file in the src attribute. 4 At the end of the file, add another script tag and specify the List Images.js file, which you will create next, in the src attribute. List Images 5 Close the head tag, include opening and closing body tags, and close the html tag. 6 Save the file as List Images.js in the Configuration/Reports/HTML Reports folder. Writing the JavaScript code Dreamweaver includes the Reports.js file. You can call any of the functions in Reports.js. However, you also have to create the JavaScript file that contains any functions that are specific to your custom site report. To create the JavaScript file: 1 Create the file Configuration/Reports/HTML Reports/List Images.js, with the following content: // Function: configureSettings // Description: Standard report API, used to initialize and load //the default values. Does not initialize the UI. // function configureSettings() { return false; } // Function: processFile // Description: Report command API called during file processing. // function processFile (fileURL) { if (!isHTMLType(fileURL)) //If the file isn't an HTML file return; //skip it. var curDOM = dw.getDocumentDOM(fileURL); // Variable for DOM var tagList = curDOM.getElementsByTagName('img'); // Variable for img tags var imgfilename; // Variable for file name specified in img tag for (var i=0; i < tagList.length; i++) { // For img tag list imgfilename = tagList[i].getAttribute('src'); // Get image filename if (imgfilename != null) { // If a filename is specified // Print the appropriate icon, HTML filename, // image filename, and line number