Specifications

ManualsBrandsMACROMEDIA ManualsOtherDREAMWEAVER 8-DREAMWEAVER API

111

112

113

114

115

116

117

118

119

120

Tag Libraries and Editors 115

Creating a tag editor UI

To create the CFWEATHER tag editor user interface:

1 Save the following file as Configuration/Taglibraries/CFML/cfweather.htm:

<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine 5.0//dialog">

<html>

<head>

<title>CFWEATHER</title>

/************************* GLOBAL VARS **************************/

var TEMPATURESCALELIST; // tempaurelist control (initialized in

initializeUI())

var theUIObjects; // array of UI objects used by common API functions

/****************************************************************/

// inspectTag() API function defined (required by all tag editors)

function inspectTag(tagNodeObj)

{

// call into a common library version of inspectTagCommon defined

// in tagDialogCmns.js (note that it’s been included)

// For more information about this function, look at the comments

// for inspectTagCommon in tagDialogCmn.js

tagDialog.inspectTagCommon(tagNodeObj, theUIObjects);

}

function applyTag(tagNodeObj)

{

// call into a common library version of applyTagCommon defined

// in tagDialogCmns.js (note that it’s been included)

// For more information about this function, look at the comments

// for applyTagCommon in tagDialogCmn.js

tagDialog.applyTagCommon(tagNodeObj, theUIObjects);

}

function initializeUI()

{

// define two arrays for the values and display captions for the list control

var theTempatureScaleCap = new Array("celsius","fahrenheit");

var theTempatureScaleVal = new Array("celsius","fahrenheit");

// instantiate a new list control

TEMPATURESCALELIST = new ListControl("thetempaturescale");

// add the tempaturescalelist dropdown list control to the uiobjects

theUIObjects = new Array(TEMPATURESCALELIST);

// call common populateDropDownList function defined in tagDialogCmn.js to

// populate the tempaturescale list control

tagDialog.populateDropDownList(TEMPATURESCALELIST, theTempatureScaleCap,

theTempatureScaleVal, 1);

}

</script>

</head>