/*
JavaScript Bible, Fourth Edition
by Danny Goodman
John Wiley & Sons CopyRight 2001
*/
Layer vs. Clip
var currClipTop = 0
var currClipLeft = 0
var currClipRight = 360
var currClipBottom = 180
function setClip(field) {
var val = parseInt(field.value)
switch (field.name) {
case "clipBottom" :
currClipBottom = val
break
case "clipRight" :
currClipRight = val
break
}
adjustClip()
showValues()
}
function adjustClip() {
document.getElementById("display").style.clip = "rect(" + currClipTop +
"px " + currClipRight + "px " + currClipBottom + "px " + currClipLeft +
"px)"
}
function setLayer(field) {
var val = parseInt(field.value)
switch (field.name) {
case "width" :
document.getElementById("display").style.width = val + "px"
break
case "height" :
document.getElementById("display").style.height = val + "px"
break
}
showValues()
}
function showValues() {
var form = document.forms[0]
var elem = document.getElementById("display")
var clipRect = getClipRect(elem)
form.width.value = parseInt(elem.style.width)
form.height.value = parseInt(elem.style.height)
form.clipRight.value = clipRect.right
form.clipBottom.value = clipRect.bottom
}
// convert clip property string to an object
function getClipRect(elem) {
var clipString = elem.style.clip
// assumes "rect(npx, npx, npx, npx)" form
// get rid of "rect("
clipString = clipString.replace(/rect\(/,"")
// get rid of "px)"
clipString = clipString.replace(/px\)/,"")
// get rid of remaining "px" strings
clipString = clipString.replace(/px/g,",")
// turn remaining string into an array
clipArray = clipString.split(",")
// make object out of array values
var clipRect = {top:parseInt(clipArray[0]), right:parseInt(clipArray[1]),
bottom:parseInt(clipArray[2]), left:parseInt(clipArray[3])}
return clipRect
}
Layer vs. Clip Dimension Properties (W3C)
Enter new layer and clipping values to adjust the layer.
Congress shall make no law respecting an establishment of religion, or
prohibiting the free exercise thereof; or abridging the freedom of speech, or of
the press; or the right of the people peaceably to assemble, and to petition the
government for a redress of grievances.