Форум программистов, компьютерный форум, киберфорум
PHP для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.56/9: Рейтинг темы: голосов - 9, средняя оценка - 4.56
0 / 0 / 0
Регистрация: 03.11.2018
Сообщений: 6

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

03.11.2018, 09:56. Показов 2027. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru