0 / 0 / 0
Регистрация: 03.11.2018
Сообщений: 6

Не работает кнопка на сайте

03.11.2018, 09:56. Показов 2039. Ответов 10

Студворк — интернет-сервис помощи студентам
Делал динамический сайт по видеокурсам, возникла проблема с неработающей кнопкой. При пошаговом просмотре через консоль разработчика проход через кнопку совершается только вначале, при перезагрузки формы
index.php:
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<?php require_once 'logic/db.php'; ?>
 
<!DOCTYPE html>
<html lang="en">
<head>
<?php require_once 'parts/head.php'; ?>
</head>
<body>
<?php include_once 'parts/header.php'; ?>
 
<?php if( isset($_SESSION['user_login']) ): ?>
 
<h1>Добро пожаловать, <?php echo $_SESSION['user_login']; ?></h1>
<a href="logic/logout.php">Выйти из аккаунта</a>
<br>
 
<h3>Последний добавленный фильм:</h3>
<?php include_once 'logic/last_movie.php'; ?>
 
 
<hr>
<button type="button", id="showMore">Показать ещё</button>
 
 
<?php else: ?>
<?php include_once 'parts/not_auth.php'; ?>
 
<?php endif; ?>
 
</body>
</html>
main.js:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
document.addEventListener('DOMContentLoaded',
function(){
 
 
var movieSection = document.querySelector('#movie-sec');
if(movieSection){
    movieSection.addEventListener('click',
    sectionHandler);
    
    function sectionHandler(event){
        //console.log(event.target);
 
if(event.target.classList.contains('movie_watched')){
    
    var btn = event.target;
    var movieID = btn.parentNode.getAttribute('data-movie-id');
    var watchedCounter = document.querySelector('#watched-count');
    var currentCount = watchedCounter.textContent;
    
    doAjax({
        method: 'POST',
        url: 'logic/watched_movie.php',
        data: 'watched_id=' + movieID,
        contentType: 'application/x-www-form-urlencoded',
        callback: function(){
            if( btn.classList.contains('movie_watched_active') ){
                btn.textContent = '(Не смотрел)';
                --currentCount;
            }else{
                btn.textContent = '(Смотрел)';
                ++currentCount;
            }
            
            btn.classList.toggle('movie_watched_active');
            watchedCounter.textContent = currentCount;
        }
    });
}}}})
    
 
var moreBtn = document.querySelector('#showMore');
if(moreBtn){ 
    
    moreBtn.addEventListener('click', showMoreMovies);
    
    var lastShownMovie = 0;
    
    function showMoreMovies(){
    lastShownMovie++;
    
    doAjax({
        method: 'POST',
        url: 'logic/more_movies.php',
        data: 'last_shown_movie=' + lastShownMovie,
        contentType: 'application/x-www-form-urlencoded',
        callback: appendMovie
    }); 
    function appendMovie(movie){
        movie = JSON.parse(movie);
        if(movie){
            var title = document.createElement('h4');
            var link = document.createElement('a');
            link.href = 'movie.php#movie_' + movie.id;
            link.textContent = movie.title;
            
            title.appendChild(link);
            document.body.appendChild(title);
        }else{
            moreBtn.textContent = 'Фильмов больше нет :(';
        moreBtn.setAttribute('disabled', 'disabled');
        }
    }
}
}
ajax.js:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function doAjax(request){
var xhr = new XMLHttpRequest();
 
if(request.method === 'GET'){
    request.url += '?' + request.data;
    request.data = null;
}
xhr.open(request.method, request.url);  
 
if( typeof request.data != 'object' ){
    xhr.setRequestHeader('Content-Type',
request.contentType);
}
xhr.onreadystatechange = function(){
    if(xhr.readyState === 4 && xhr.status === 200){
        request.callback(xhr.responseText);
    
    }
}
xhr.send(request.data);
 
}
Миниатюры
Не работает кнопка на сайте  
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
03.11.2018, 09:56
Ответы с готовыми решениями:

Не могу редактировать данные из бд на сайте. А кнопка удалить работает
&lt;html&gt; &lt;head&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;flowplay/flowplayer-3.2.2.min.js&quot;&gt;&lt;/script&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;link...

Не работает кнопка на сайте
Извините если не туда пишу, может это не в java надо в общем не знаю, я ка бы в сайтостроении не спец, в общем есть сайт...

Не работает кнопка "настройки" в личном кабинете на сайте Дом. РУ
Приветствую! Вопрос следующий: при заходе в Личный кабинет Дом. РУ и нажатие на кнопку НАСТРОЙКИ данный пункт не открывается, а в конце...

10
392 / 294 / 121
Регистрация: 26.08.2016
Сообщений: 902
03.11.2018, 11:48
Если вы научились пользоваться консолью разработчика, то
а) Вы можете поставить точку остановки в функции showMoreMovies чтобы увидеть заходит ли туда программа
б) Если заходит, то дело скорей всего в отрицательном ответе сервера, который в doAjax у вас никак не отрабатывается, там стоит заменить

JavaScript
1
2
3
4
5
6
xhr.onreadystatechange = function(){
    if(xhr.readyState === 4 && xhr.status === 200){
        request.callback(xhr.responseText);
    
    }
}
на

JavaScript
1
2
3
4
5
6
7
8
xhr.onreadystatechange = function(){
    if(xhr.readyState !== 4) return;
    if(xhr.status === 200){
        request.callback(xhr.responseText);
    } else {
        console.log(xhr.status + ': ' + xhr.statusText);
    }
}
И после нажатия на кнопку посмотрите в консоли не вывелась ли ошибка
0
0 / 0 / 0
Регистрация: 03.11.2018
Сообщений: 6
03.11.2018, 23:33  [ТС]
В функцию программа не заходит, да и кнопку тоже игнорирует, если поставить точки остановки на кнопку они не срабатывают
0
392 / 294 / 121
Регистрация: 26.08.2016
Сообщений: 902
03.11.2018, 23:57
Во первых PHP тут абсолютно непричем, все ваши проблемы на фронтенде, во вторых учитесь пользоваться отладчиком. Ставьте точку остановки на
JavaScript
1
var moreBtn = document.querySelector('#showMore');
и смотрите что происходит, добавляется ли слушатель на onclick, потому что код абсолютно рабочий.
1
0 / 0 / 0
Регистрация: 03.11.2018
Сообщений: 6
04.11.2018, 00:32  [ТС]
Вот так?
Миниатюры
Не работает кнопка на сайте  
0
392 / 294 / 121
Регистрация: 26.08.2016
Сообщений: 902
04.11.2018, 11:36
Да, это означает, что в HTML-документе кнопки с таким идентификатором нет, нажмите вкладку elements и посмотрите если кнопка с таким id там.

Кстати в тэге кнопки
HTML5
1
<button type="button", id="showMore">Показать ещё</button>
запятая между параметрами не нужна, теоретически это может влиять, хотя вряд ли, но проверьте.
0
0 / 0 / 0
Регистрация: 03.11.2018
Сообщений: 6
04.11.2018, 17:03  [ТС]
Запятую проверил, она не влияет, кнопка вроде присутствует
Миниатюры
Не работает кнопка на сайте  
0
392 / 294 / 121
Регистрация: 26.08.2016
Сообщений: 902
04.11.2018, 18:37
А скопируйте сюда HTML из браузера со вкладки elements
0
0 / 0 / 0
Регистрация: 03.11.2018
Сообщений: 6
05.11.2018, 14:48  [ТС]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script type ="text/javascript" src="logic/js/ajax.js">
</script>
<script type="text/javascript" src="logic/js/main.js">
</script></head>
<body>
<header>
<nav>
<a href="index.php">Главная</a>
<a href="movies.php">Фильмы</a>
</nav>
</header>
<hr>

<h1>Добро пожаловать, Dima</h1>
<a href="logic/logout.php">Выйти из аккаунта</a>
<br>

<h3>Последний добавленный фильм:</h3>

<h4>
<a href=movies.php#movie_4 >Прибытие</a>

<hr>
<button type="button" id="showMore">Показать ещё</button>


</body>
</html>
Миниатюры
Не работает кнопка на сайте  
0
392 / 294 / 121
Регистрация: 26.08.2016
Сообщений: 902
05.11.2018, 15:01
Лучший ответ Сообщение было отмечено Kadziro как решение

Решение

Тут не могу ничего сказать, скопировал ваш код, кнопка находится...
Миниатюры
Не работает кнопка на сайте  
0
0 / 0 / 0
Регистрация: 03.11.2018
Сообщений: 6
06.11.2018, 10:17  [ТС]
Жаль конечно, но всё равно спасибо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
06.11.2018, 10:17
Помогаю со студенческими работами здесь

Не работает кнопка "Регистрация" на сайте
Добрый день! Не могу найти причину-пытаюсь зарегистрироваться на своём сайте, для проверки, но кнопка не работает. Заполняю все данные-Имя,...

Не работает кнопка Ctrl + левая кнопка мыши в Excel
Не работает кнопка ctrl + левая кнопка мыши в excel.Не выделяются ячейки.Хотя на рабочем столе или в любой папке выделяются любые несколько...

Кнопка на сайте
Есть сайт http://bmhostel.ru/, там есть рамка &quot;забронируйте номер прямо сейчас&quot;, так вот, я хочу сделать на свом сайте похожую кнопку с...

Кнопка на сайте
Есть сайт http://bmhostel.ru/, там есть рамка &quot;забронируйте номер прямо сейчас&quot;, так вот, я хочу сделать на свом сайте похожую кнопку с...

Кнопка на сайте
Здравствуйте! На сайте нужно разместить кнопку, при нажатии которой , будет например создаваться таблица. Собственно вопрос: Как...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Опции темы

Новые блоги и статьи
Валидация и контроль данных табличной части документа перед записью
Maks 22.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .
Отчёт о затраченных материалах за определенный период с макетом печатной формы
Maks 21.04.2026
Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .
Отчёт о спецтехнике находящейся в ремонте
Maks 20.04.2026
Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .
Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)"
Hrethgir 19.04.2026
Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии
Maks 19.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru