0 / 0 / 0
Регистрация: 16.08.2018
Сообщений: 38
1

Как использовать нумерацию страниц с API (TMDb)

17.02.2020, 00:31. Показов 350. Ответов 0

Я использую эту функцию, чтобы получить список фильмов и поместить их в контейнер. Мне нужно разместить их с помощью нумерации страниц. Но я не знаю как. Что мне нужно сделать?

Архив внизу

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 async function getGenres() {
    let url = "https://api.themoviedb.org/3/genre/movie/list?api_key=d80a54a0422d5fff6149c48741c8bece&language=en-US";
    let response = await fetch(url);
    let genres = await response.json();
    let navbar = document.getElementsByClassName("nav-item dropdown");
    navbar.innerHTML += `<div class="dropdown-menu">`;
    let nav = document.getElementsByClassName("dropdown-menu");
    for (let i = 0; i < genres.genres.length; i++) {
        nav[0].innerHTML += `<a class="dropdown-item" href="#">` + genres.genres[i].name + `</a>`;
    }
 
    let genreaction = document.getElementsByClassName("dropdown-menu");
    for (let i = 0; i < genres.genres.length; i++) {
        genreaction[i].addEventListener("click", function () {
            getMovies("discover/movie?api_key=d80a54a0422d5fff6149c48741c8bece&language=en-US&sort_by=popularity.desc&include_adult=false&include_video=false&page=1&with_genres=" + genres.genres[i].id);
        });
    }
}
HTML5
1
2
3
4
5
6
7
8
9
10
11
<form id="searchForm" class="form-inline my-2 my-lg-0">
   <input type="text"
          class="form-control mr-sm-2"
          id="searchText"
          name="search field"
          placeholder="Search Movies..." />
   <button class="btn btn-secondary my-2 my-sm-0" id="submit">Search</button>
</form>
<div class="container align-self-center">
   <div id="movies" class="row"></div>
</div>
Шаблон пагинации (https://pagination.js.org/) (можно использовать любой другой шаблон):
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$('#demo').pagination({
    dataSource: 'https://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?',
    locator: 'items',
    totalNumberLocator: function(response) {
        // you can return totalNumber by analyzing response content
        return Math.floor(Math.random() * (1000 - 100)) + 100;
    },
    pageSize: 20,
    ajax: {
        beforeSend: function() {
            dataContainer.html('Loading data from flickr.com ...');
        }
    },
    callback: function(data, pagination) {
        // template method of yourself
        var html = template(data);
        dataContainer.html(html);
    }
})
Архив с проектом:
Kinopoisk.rar
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
17.02.2020, 00:31
Ответы с готовыми решениями:

Как создать нумерацию страниц?
Все привет! Как сделать нумерацию страниц? ЧТобы например выводилось по 9шт на адной странице,...

Как сделать двойную нумерацию страниц?
Добрый день. Подскажите пожалуйста как сделать двойную нумерацию страниц в дипломе. Т.е. в общем...

Как проставить нумерацию альбомных страниц
Добрый день! Помогите, пожалуйста, средствами VBA проставить нумерацию страниц слева по центру...

Как в richedit добавить нумерацию страниц?
Чтобы было как на фото

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
17.02.2020, 00:31

Как убрать нумерацию страниц блога категории
Вопрос собственно так и звучит: Как убрать нумерацию страниц блога категории Имеется две...

Как изменить нумерацию страниц внутри шаблона?
Добрый день! У меня возникла проблема, над которой ломаю голову ни один день. Как изменить...

Как вставить нумерацию страниц, осложнено колонтитулами
Здравствуйте, дорогие форумчане, в полном отчаянии прошу помощи у гуру. Подскажите пожалуйста,...

Как можно в шаблон ГОСТовской рамки заносить нумерацию страниц?
Подскажите, как можно в шаблон ГОСТовской рамки заносить нумерацию страниц, при этом номер первой...


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.