MACROMEDIA DREAMWEAVER MX 2004-EXTENDING DREAMWEAVER Especificações descarregar pdf (Página 303)

The Floating panel API 303

Example

The following example of selectionChanged() shows a different layer in the floating panel,

depending on whether the selection is a script marker. If the selection is a script marker,

Dreamweaver makes the script layer visible. Otherwise, Dreamweaver makes the blank

layer visible.

function selectionChanged(){

/* get the selected node */

var theDOM = dw.getDocumentDOM();

var theNode = theDOM.getSelectedNode();

/* check to see if the node is a script marker */

if (theNode.nodeType == Node.ELEMENT_NODE && ¬

theNode.tagName == "SCRIPT"){

document.layers['blanklayer'].visibility = 'hidden';

document.layers['scriptlayer'].visibility = 'visible';}

else{

document.layers['scriptlayer'].visibility = 'hidden';

document.layers['blanklayer'].visibility = 'visible';

}

About performance

Declaring the selectionChanged() or documentEdited() function in your custom floating

panels can impact Dreamweaver performance adversely. Consider that the

documentEdited() and selectionChanged() functions are called after every keystroke and

mouse click when Dreamweaver is idle for more than one-tenth of a second. It’s important to

use different scenarios to test your floating panel, using large documents (100K or more of

HTML) whenever possible, to test performance impact.

To help avoid performance penalties, the

setTimeout() function was implemented as a

global method in Dreamweaver 3. As in the browsers, the

setTimeout() function takes two

arguments: the JavaScript to be called and the amount of time in milliseconds to wait before

calling it.

The

setTimeout() method lets you build pauses into your processing. These pauses let the

user continue interacting with the application. You must build in these pauses explicitly

because the screen freezes while scripts process, which prevents the user from performing

further edits. The pauses also prevent you from updating the interface or the floating panel.

The following example is from a floating panel that displays information about every layer in

the document. It uses the

setTimeout() method to pause for a half second after processing

each layer.

1 2 ... 298 299 300 301 302 303 304 305 306 307 308 ... 503 504

Sem comentários

MACROMEDIA DREAMWEAVER MX 2004-EXTENDING DREAMWEAVER Especificações Página 303