Macromedia dreamweaver 8-extending dreamweaver User Manual

A simple floating panel example

293

Both 

div

 tags use the 

style

 attribute to specify the position (

absolute

), size (

width:422px

 

and 

height:181px

), and default 

visibility

 setting (

visible

) of the floating panels. The 

blanklayer

 panel uses the 

center

 attribute and a series of break (

br

) tags to position the text 

in the center of the panel. The 

scriptlayer

 panel creates a form with a single 

textarea

 to 

display the selected JavaScript code. The 

textarea

 tag also specifies that when an 

onBlur

 

event occurs, indicating that the selected code has changed, the 

updateScript()

 function is 

called to write the changed text back to the document. 

Writing the JavaScript code

The JavaScript code for the Script Editor consists of one floating panel function that 
Dreamweaver calls, 

selectionchanged()

, and one user-defined function, 

updateScript().

selectionChanged(): is a script marker selected?

The 

selectionChanged()

 function determines whether a script marker has been selected in 

Design view. A script marker appears in Design view if there is a JavaScript routine in the 

BODY

 section of a document and if Scripts is selected on the Invisible Elements section of the 

Preferences dialog box. The following figure shows a script marker icon:

Script marker