JavaScript DHTML/Style Layout/Client
Содержание
Client Height
<source lang="html4strict">
<html> <body>
<button onclick="alert(myDiv.clientHeight);">clientHeight</button>
<button onclick="alert(myDiv.clientWidth);">clientWidth</button>
<button onclick="alert(myDiv.clientLeft);">clientLeft</button>
<button onclick="alert(myDiv.clientTop);">clientTop</button>
</body>
</html>
</source>
Client Left Example
<source lang="html4strict">
<html> <body>
<button onclick="alert(myDiv.clientHeight);">clientHeight</button>
<button onclick="alert(myDiv.clientWidth);">clientWidth</button>
<button onclick="alert(myDiv.clientLeft);">clientLeft</button>
<button onclick="alert(myDiv.clientTop);">clientTop</button>
</body>
</html>
</source>
Client Top
<source lang="html4strict">
<html> <body>
<button onclick="alert(myDiv.clientHeight);">clientHeight</button>
<button onclick="alert(myDiv.clientWidth);">clientWidth</button>
<button onclick="alert(myDiv.clientLeft);">clientLeft</button>
<button onclick="alert(myDiv.clientTop);">clientTop</button>
</body>
</html>
</source>
Client Width Example
<source lang="html4strict">
<html> <body>
<button onclick="alert(myDiv.clientHeight);">clientHeight</button>
<button onclick="alert(myDiv.clientWidth);">clientWidth</button>
<button onclick="alert(myDiv.clientLeft);">clientLeft</button>
<button onclick="alert(myDiv.clientTop);">clientTop</button>
</body>
</html>
</source>
"clientX" Example
<source lang="html4strict">
<html> <body> <script language="JavaScript"> function function1() {
myX.value = window.event.clientX; myY.value = window.event.clientY;
}
</script>
<body onmousemove="function1();">
X Coordinate:
<input type="text" value="" id="myX" style="border:none;">
Y Coordinate:
<input type="text" value="" id="myY" style="border:none;">
</body>
</html>
</source>
Client Y Example
<source lang="html4strict">
<html> <body> <script language="JavaScript"> function function1() {
myX.value = window.event.clientX; myY.value = window.event.clientY;
}
</script>
<body onmousemove="function1();">
X Coordinate:
<input type="text" value="" id="myX" style="border:none;">
Y Coordinate:
<input type="text" value="" id="myY" style="border:none;">
</body>
</html>
</source>