15.02.2013 Views

JavaScript Examples Bible - UserWorks Technologies

JavaScript Examples Bible - UserWorks Technologies

JavaScript Examples Bible - UserWorks Technologies

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

466<br />

<strong>JavaScript</strong> <strong>Examples</strong> <strong>Bible</strong>: The Essential Companion to <strong>JavaScript</strong> <strong>Bible</strong><br />

Listing 31-12a: Resizing a Layer<br />

<br />

<br />

Layer Resizing<br />

<br />

var engaged = false<br />

var offsetX = 0<br />

var offsetY = 0<br />

function resizeIt(e) {<br />

if (engaged) {<br />

document.myLayer.resizeTo(e.pageX + offsetX, e.pageY + offsetY)<br />

if (document.forms[0].redraw[2].checked) {<br />

document.myLayer.load(“lst31-12b.htm”, document.myLayer.clip.width)<br />

}<br />

}<br />

}<br />

function engage(e) {<br />

if (e.pageX > (document.myLayer.clip.right - 10) &&<br />

e.pageY > (document.myLayer.clip.bottom - 10)) {<br />

engaged = true<br />

offsetX = document.myLayer.clip.right - e.pageX<br />

offsetY = document.myLayer.clip.bottom - e.pageY<br />

}<br />

}<br />

function release() {<br />

if (engaged && document.forms[0].redraw[1].checked) {<br />

document.myLayer.load(“lst31-12b.htm”, document.myLayer.clip.width)<br />

}<br />

engaged = false<br />

}<br />

function grabEvents() {<br />

document.myLayer.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP |<br />

Event.MOUSEMOVE)<br />

}<br />

<br />

<br />

<br />

Resizing a Layer<br />

<br />

<br />

Redraw layer content:<br />

Never<br />

After resize<br />

During resize<br />

<br />

<br />

<br />

<br />

document.layerObject.resizeBy()

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!