VPF::Ширина DIV-а - Форум программистов

transdim

Дата 7.3.2006, 14:00 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 17
Регистрация: 7.3.2006

Репутация: нет
Всего: нет

В атрибуте style DIV-а, я не указываю свойство width, т.к. оно у меня может быть разным. Как в JavaScript узнать динамическое значение width?

Zaman

Дата 7.3.2006, 14:04 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 219
Регистрация: 28.6.2004

Репутация: 1
Всего: 2

Код


{
    var elem = document.getElementById('id_elem');
    var result = 0;
    if (elem.offsetWidth) 
    {
        result = elem.offsetWidth;
    } 
    else 
        if (elem.clip && elem.clip.width) 
       {
           result = elem.clip.width;
       } 
        else 
           if (elem.style && elem.style.pixelWidth) 
           {
                result = elem.style.pixelWidth;
           }

transdim

Дата 7.3.2006, 14:30 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 17
Регистрация: 7.3.2006

Репутация: нет
Всего: нет

неа, не помогло... вот глянь:

Код


<html>
  <body>
    <table>
      <tr>
        <td>
          <div id="test" style="BORDER: solid 1px;">
            <table>
              <tr>
                <td>Тестовое значение</td>
              </tr>
            </table>
          </div>
          <script>
              var elem = document.getElementById("test");
              var result = 0;
              if (elem.offsetWidth)
              {
                  result = elem.offsetWidth;
              } 
              else 
                  if (elem.clip && elem.clip.width)
                 {
                     result = elem.clip.width;
                 } 
                  else 
                     if (elem.style && elem.style.pixelWidth) 
                     {
                          result = elem.style.pixelWidth;
                     }
              alert(result);
          </script>
        </td>
      </tr>
    </table>
  </body>
</html>

выдаёт "0" в конце, а ведь видно что ширина далеко не нулевая

transdim

Дата 7.3.2006, 15:24 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 17
Регистрация: 7.3.2006

Репутация: нет
Всего: нет

вообщем запустил подсчёт через какое-то время и всё заработало:

Код


<html>
  <body>
    <table>
      <tr>
        <td>
          <div id="test" style="BORDER: solid 1px;">
            <table>
              <tr>
                <td>Тестовое значение</td>
              </tr>
            </table>
          </div>
          <script>
              function setW() {
              var elem = document.getElementById("test");
              var result = 0;
              if (elem.offsetWidth)
              {
                  result = elem.offsetWidth;
              } 
              else 
                  if (elem.clip && elem.clip.width)
                 {
                     result = elem.clip.width;
                 } 
                  else 
                     if (elem.style && elem.style.pixelWidth) 
                     {
                          result = elem.style.pixelWidth;
                     }
              alert(result);
              return;
              }
              window.setTimeout("setW()",100);
          </script>
        </td>
      </tr>
    </table>
  </body>
</html>

тема закрыта, спасибо Шустрый

Alx

Дата 7.3.2006, 17:30 (ссылка)

(нет голосов)

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 10
Всего: 78

transdim,
естесственно, элемент доступен только когда вся страница загрузится. поэтому все действия с элементами страницы обворачиваем в функцию и запускаем её по событию onload.

--------------------

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »