JavaScript DHTML/Style Layout/Client

Материал из Web эксперт
Перейти к: навигация, поиск

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>