Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: координаты текстового поля
 
 автор: ok computer   (07.03.2008 в 09:25)   письмо автору
 
 

на странице 3 input type =text. как определить их координаты?

   
 
 автор: ONYX   (07.03.2008 в 09:38)   письмо автору
 
   для: ok computer   (07.03.2008 в 09:25)
 

<input type="text" id="text" value="">

x=document.getElementById('text').offsetLeft;
y=document.getElementById('text').offsetTop;

   
 
 автор: Lelik   (07.03.2008 в 12:13)   письмо автору
 
   для: ok computer   (07.03.2008 в 09:25)
 

если надо определить координаты относительно левого верхнего угла body, то можно использовать функцию:

<script>
function getAbsoluteCoords(oElement){
    var oResult = {
        iTop  : 0,
        iLeft : 0
        };
    while(oElement) {
        oResult.iTop += oElement.offsetTop;
        oResult.iLeft += oElement.offsetLeft;
        oElement = oElement.offsetParent;
    }
    return oResult;
}
</script>

<div id="bb" onclick="alert(getAbsoluteCoords(this).iTop);">click me</div>

   
 
 автор: KirillKiev   (07.03.2008 в 13:06)   письмо автору
 
   для: ok computer   (07.03.2008 в 09:25)
 


function el(id)
    {
    var element = document.getElementById(id);
    if(!element)return false;
    var left = element.offsetLeft;
    var top = element.offsetTop;
    for (var parent = element.offsetParent; parent; parent = parent.offsetParent)
        {
        left += parent.offsetLeft;
        top += parent.offsetTop;
        }
    return {X: left, Y: top, W: element.offsetWidth, H: element.offsetHeight};
    }

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования