Не поднимается блок

@Pasha4489 · Регистрация: 15.10.2014

Author24 — интернет-сервис помощи студентам

HTML5

<HTML>
<HEAD>
  <TITLE>Абсолютное позиционирование</TITLE>
  <SCRIPT>
   function up () { if(window.document.all.kuku.style.pixelTop>-100)
                    {  window.document.all.kuku.style.pixelTop-=30;
                 setTimeout("up();",500);}}
  </SCRIPT>
 
</HEAD>
<BODY>
  <DIV id=kuku
       style="BORDER:navy 2px solid;
              PADDING:10px;
              POSITION:absolute; LEFT:20px; TOP:10px; WIDTH:200px; HEIGHT:100px;">
              <P>Этот раздел позиционирован в абсолютной системе координат.
  </DIV>
 
  <P style="MARGIN-TOP:120px; MARGIN-LEFT:40px;">
  <BR>[<A href="javascript:up();void(0);">Поднять блок</A>]
  <BR>[<A href="javascript:window.document.all.kuku.style.pixelTop=10;void(0);">
  Вернуть блок</A>]
</BODY>
</HTML>

@FaqSid · 21.05.2017, 20:57

У тебя ошибка: не pixelTop, а нужно просто top, ниже я исправил немного твой код

HTML5

<HTML>
<HEAD>
  <TITLE>Абсолютное позиционирование</TITLE>
  <SCRIPT>
   function up () { if(window.document.all.kuku.style.top != '30px')
                    {  window.document.all.kuku.style.top='30px';
                 setTimeout("up();",500);}}
  </SCRIPT>
 
</HEAD>
<BODY>
  <DIV id=kuku
       style="BORDER:navy 2px solid;
              PADDING:10px;
              POSITION:absolute; LEFT:20px; TOP:10px; WIDTH:200px; HEIGHT:100px;">
              <P>Этот раздел позиционирован в абсолютной системе координат.
  </DIV>
 
  <P style="MARGIN-TOP:120px; MARGIN-LEFT:40px;">
  <BR>[<A href="javascript:up();void(0);">Поднять блок</A>]
  <BR>[<A href="javascript:window.document.all.kuku.style.top='10px';void(0);">
  Вернуть блок</A>]
</BODY>
</HTML>

@Pasha4489 · 21.05.2017, 21:06 **[ТС]**

Спасибо

@Pasha4489 · 22.05.2017, 23:58 **[ТС]**

немного не то! блок должен подыматься в верх при каждом нажатии и возвращаться нажат по нажатию на другую ссылку

@FaqSid · 23.05.2017, 00:13

Тут ошибка не pixelTop, а просто top. И присваивать нужно не число а строку в виде - "10px". С этим нельзя выполнять математические операции, нужно перевести в Int, а потом опять в этот формат

@Pasha4489 2 / 2 / 0 Регистрация: 15.10.2014 Сообщений: 99
	21.05.2017, 21:06 [ТС]	3
	Спасибо 0

@Pasha4489 2 / 2 / 0 Регистрация: 15.10.2014 Сообщений: 99
	22.05.2017, 23:58 [ТС]	4
	немного не то! блок должен подыматься в верх при каждом нажатии и возвращаться нажат по нажатию на другую ссылку 0

@FaqSid 0 / 0 / 1 Регистрация: 21.05.2017 Сообщений: 21
	23.05.2017, 00:13	5
	Тут ошибка не pixelTop, а просто top. И присваивать нужно не число а строку в виде - "10px". С этим нельзя выполнять математические операции, нужно перевести в Int, а потом опять в этот формат 0

Опции темы