JavaScript DHTML/Style Layout/Client

Материал из Web эксперт
Версия от 10:28, 26 мая 2010; Admin (обсуждение | вклад) (1 версия)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

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>
Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/Style_Layout/Client&oldid=3865»