Pop-up & Sticky Bar

194
10 декабря 2016, 10:27
<div class="popupstick">
<p> Hlasujte v anketě "Čtenáři Receptáře doporučují" a <ins> 
<a href="http://www.ireceptar.cz/">získejte ZDARMA Edici Receptáře &gt;&gt;</a></ins>
<button class="close-stick" title="Close" onclick="document.getElementsByClassName('popupstick').style.display='none';setCookie('hideModal', '2', 7) ;">x</button>
</div>
<!-- POP UP  -->
<div id="overlay">
<div class="popupstick2">
    <img src="img/anketa-overlay.png" alt="overlay">
    <button class="close-popup" title="Close" onclick="document.getElementById('overlay').style.display='none';setCookie('hideModal', '1', 7 ) ;"></button>

Ребят может мне кто нибудь объяснить почему в первом button'e неработает функция закрытия, а во втором работает? И как эт возможно исправить?

Answer 1

Как уже было замечено в комментарии - пожалуйста, сопровождайте подобные вопросы минимальным, самодостаточным и воспроизводимым примером. Без этого поиск ответа включает в себя владение телепатией.

Тем не менее, мне кажется, я вижу проблему:

вы используете document.getElementsByClassName('popupstick').style.display='none' и забываете о том, что функция getElementsByClassName возвращает массив элементов. У массива нет свойства [].style. Скорее всего, нажатие на эту кнопку выплевывает в консоль ошибку.

Вам нужно обратиться к конкретному элементу из массива, который возвращает функция document.getElementsByClassName('popupstick'). Если у вас гарантированно один элемент с таким классом - можно просто обратиться к нулевому элементу (document.getElementsByClassName('popupstick')[0]). Если элементов неизвестное количество - придется перебирать циклом и выполнять действие над каждым элементом по очереди.

В итоге, код должен выглядеть таким образом (если у вас один блок с классом popupstick): 

document.getElementsByClassName('popupstick')[0].style.display='none';
READ ALSO
проверка на уникальное поле
HTML

проверка на уникальное поле

Как можно реализовать проверку на уникальность вводимого поля:

 188
Разобрать XML в PHP на SimpleXML
PHP

Разобрать XML в PHP на SimpleXML

Как можно получить все значения элементов "name" для файла со структурой:

 196
Не подключаются внешние стили
PHP

Не подключаются внешние стили

Подскажите пожалуйста почему не подключаются внешние стилиВ header

 195
Функция преобразования в seo url, транслит на PHP
PHP

Функция преобразования в seo url, транслит на PHP

Есть ли функция на php для преобразования текста вида "пример !? я ссылка *&" в seo url "primer-ya-ssilka"

 295