VPF::Засунуть значение в html - Форум программистов

NLspieler

Дата 29.4.2009, 00:34 (ссылка)

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

Загрузка ...

Опытный

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

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

Есть html-таблица. Генерируется она при помощи php.

Код


<td height="600">

Как на место 600 поставить значение, которое вычисляется следующим образом.

window.screen.height минус 200

smile

Grig

Дата 29.4.2009, 06:16 (ссылка)

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

Загрузка ...

Опытный

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

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

например так:

Код


<html>
<head>
<script>
window.onload = function () {
document.getElementById("td_sample").height=window.screen.height-200;
};
</script>
</head>
<body>
<table border="1">
  <tr>
    <td id='td_sample'>&nbsp;</td>
  </tr>
</table>
</body>
</html>

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

ksnk

Дата 29.4.2009, 07:10 (ссылка)

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

Загрузка ...

прохожий

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

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

NLspieler, window.screen.height - высота экрана, вне зависимости от реального размера окна броузера. Именно это надо?

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

NLspieler

Дата 29.4.2009, 12:51 (ссылка)

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

Загрузка ...

Опытный

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

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

ksnk,
нет, вообще то мне нужно было бы использовать высоту активной области браузера минус 70 пикселей (шапка).

Недавно спрашивал в этом разделе. Получил в ответ не работающее решение. Поэтому посчитал, что это не возможно...

ksnk

Дата 29.4.2009, 14:39 (ссылка)

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

Загрузка ...

прохожий

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

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

NLspieler, Можно погуглить на тему "резиновый дизайн". Может именно оно и надо?

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Samotnik

Дата 29.4.2009, 15:23 (ссылка)

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

Загрузка ...

Super star !

Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

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

Цитата(NLspieler @ 29.4.2009, 12:51

)

мне нужно было бы использовать высоту активной области браузера минус 70 пикселей (шапка).

Код


this.heightBody= document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
var tmp = this.heightBody - 70;

Это сообщение отредактировал(а) Samotnik - 29.4.2009, 15:24

NLspieler

Дата 29.4.2009, 15:51 (ссылка)

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

Загрузка ...

Опытный

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

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

Samotnik, неа не работает, или я делаю что то не так

Samotnik

Дата 29.4.2009, 16:09 (ссылка)

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

Загрузка ...

Super star !

Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

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

NLspieler, как это не работает ?

Код


function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}

100% работающий код - получает высоту клиентской (рабочей) области окна браузера

Это сообщение отредактировал(а) Samotnik - 29.4.2009, 16:10

NLspieler

Дата 29.4.2009, 16:32 (ссылка)

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

Загрузка ...

Опытный

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

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

Значит я это как то не правильно подключаю.

Сделал так:

Код


<head>
<script>
window.onload = function () 
{
  document.getElementById("td_sample").height= getClientHeight() - 70;
};

function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}
</script>
</head>

Samotnik

Дата 29.4.2009, 16:44 (ссылка)

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

Загрузка ...

Super star !

Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

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

NLspieler, и что ?
какие ошибки ?
Дебажить пробывал ? Алертить ?

NLspieler

Дата 29.4.2009, 17:33 (ссылка)

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

Загрузка ...

Опытный

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

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

Ошибка в том, что браузер на это вообще никак не реагирует, как будто бы я вообще ничего такого там не писал

bars80080

Дата 29.4.2009, 18:06 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

Цитата(NLspieler @ 29.4.2009, 17:33

)

Ошибка в том, что браузер на это вообще никак не реагирует, как будто бы я вообще ничего такого там не писал

Цитата(Samotnik @ 29.4.2009, 16:44

)

какие ошибки ?
Дебажить пробывал ? Алертить ?

Soah

Дата 29.4.2009, 19:21 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата(NLspieler @ 29.4.2009, 12:51

)

Получил в ответ не работающее решение. Поэтому посчитал, что это не возможно...

я же написал

Код


document.body.clientHeight

FF, IE, Opera, всё работает

Цитата(NLspieler @ 29.4.2009, 17:33

)

Ошибка в том, что браузер на это вообще никак не реагирует, как будто бы я вообще ничего такого там не писал

а id у ячейки есть?

Код


<html>
<head>

<script type="text/javascript">
window.onload = function () {
    document.getElementById("td_sample").height= document.body.clientHeight - 70;
    //document.getElementById("td_sample").height= getClientHeight() - 70;
};

function getClientHeight() {
    return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}
</script>

</head>
<body>

<table border="2">
    <tr><td>123</td><td id='td_sample'>12345</td>
    </tr>
    <tr><td>56789</td><td>123456</td>
    </tr>
</table>

</body>
</html>

NLspieler

Дата 3.5.2009, 06:07 (ссылка)

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

Загрузка ...

Опытный

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

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

Проэксперементировал, оказывается, что все работает как надо, только если

написать так:

Код


<html>
<head>
...

Когда ставишь:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
...

то тогда эта функция не работает.

Я в заголовках вообще плохо разбираюсь. Может там какая ошибка?

Samotnik

Дата 3.5.2009, 12:12 (ссылка)

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

Загрузка ...

Super star !

Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

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

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
</html>

так работает ?

Добавлено через 1 минуту и 48 секунд
то что ты написал с xmlns это xhtml
про него читать тут

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