Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 31.03.2017, 15:41   #1
Roman1209200
Пользователь
 
Регистрация: 18.03.2017
Сообщений: 12
По умолчанию Почему не работает JavaScript?

Помогите! Почему не перемещает блок weg?
Код:
<script>
window.onload= function() {

document.getElementById('toggler').onclick = function() {

closebox('box', this);

return false;

};

};

function closebox(id, toggler) {

var div = document.getElementById("box");
var napom1 = document.getElementById("napom1");
var weg = document.getElementById("weg");

if(div.style.display == 'block') {

div.style.display = 'none';

toggler.style.display = "none";
napom1.style.position = "absolute";
napom1.style.top = "47%";

weg.style.position = "absolute";
weg.style.top = "70%";
} 
}
</script>

<a id="toggler" href="#" style="position:absolute; left:97%; font-size:10px; width:3%; top:1%;color:grey;"><img src="images/closenap.png" style="width:100%; height:45%;"></a>

<div id="napom1" class="napom1" style="position:absolute; top:55%; height: 5.6%; left:5%; background-color: #66CDAA; border-radius: 40px;width:72.7%;z-index:1;">
<div class="napom" style="position:absolute; top:4%; height: 92%; left:1%; background-color: rgb(46,160,116); border-radius: 40px; width:98%;z-index:5;">
</div>
</div>

<div id="weg" name="weg" class="weg"  style="position:absolute; top:62.8%; left:8%; height:2.5%; width:22%; color: rgb(46,160,116);">
<img src="http://ipic.su/img/img7/fs/IMG_1040.1490955136.png" style="position:absolute; left:2%; height:100%; width:9%; top:0%;">
<img src="http://ipic.su/img/img7/fs/IMG_1041.1490960438.png" style="position: absolute; left: 14.8%; width: 11%; top: 15%; height:80%;"> 
<span style="position:absolute; left: 29%; width:60%; height: 60%; top:12%; font-size: 12px; font-weight: bold;">
settings
</span>
</div>

Последний раз редактировалось Serge_Bliznykov; 31.03.2017 в 15:50.
Roman1209200 вне форума Ответить с цитированием
Старый 31.03.2017, 15:55   #2
Serge_Bliznykov
Старожил
 
Регистрация: 09.01.2008
Сообщений: 26,229
По умолчанию

Цитата:
Сообщение от Roman1209200 Посмотреть сообщение
Помогите! Почему не перемещает блок weg?
вот из-за этой строчки:
Цитата:
Код:
var div = document.getElementById("box");
где у Вас элемент с id="box" ?
Serge_Bliznykov вне форума Ответить с цитированием
Старый 31.03.2017, 17:56   #3
Roman1209200
Пользователь
 
Регистрация: 18.03.2017
Сообщений: 12
По умолчанию

Забыл вставить сюда. Но это обычный div блок:
<div id="box" style="display: block;">
<img src="Ninja_4-512.png">
</div>
Roman1209200 вне форума Ответить с цитированием
Старый 31.03.2017, 17:57   #4
Roman1209200
Пользователь
 
Регистрация: 18.03.2017
Сообщений: 12
По умолчанию

И как раз с этим блоком все впорядке. Он сдвигается. А вот weg нет
Roman1209200 вне форума Ответить с цитированием
Старый 31.03.2017, 21:27   #5
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Смотри в консоль, она обычно говорит что не так ствоим кодом.
Я вот не нашел кто такой toggler
UPD, ок, нашел, выглядит рабочим... но на свою консоль все-равно посмотри.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 31.03.2017, 23:57   #6
Serge_Bliznykov
Старожил
 
Регистрация: 09.01.2008
Сообщений: 26,229
По умолчанию

Цитата:
Сообщение от Roman1209200 Посмотреть сообщение
А вот weg нет
ну, мне кажется, что weg тоже смещается немного вниз.
проверьте:
https://jsfiddle.net/ztvs8s3d/
Serge_Bliznykov вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[РЕШЕНО]: Почему не работает цикл for на javaScript. Shvarcengold Помощь студентам 2 07.03.2017 15:24
почему прсер работает на одних сайтах и не работает на других PHP_DELETANT PHP 4 12.02.2016 13:45
Здравствуйте ! в чем проблема,почему почему время исполнения операций не работает ? ion leahu Помощь студентам 6 23.11.2014 19:36
Почему программа на С++ не работает с локальным описанием массива, но работает с глобальным? >>STINGER<< Помощь студентам 4 08.03.2011 09:56
Изучаю javascript не пойму почему не работает скрипт 4e4en JavaScript, Ajax 8 11.09.2010 19:17