Как сделать кнопку показать еще html

Кнопка Показать больше/Показать меньше

Сниппет, создающий кнопку, которая раскрывает дополнительный текст на JavaScript.

Пример текста

Как уже неоднократно упомянуто, стремящиеся вытеснить традиционное производство, нанотехнологии освещают чрезвычайно . интересные особенности картины в целом, однако конкретные выводы, разумеется, объединены в целые кластеры себе подобных! Прежде всего, курс на социально-ориентированный национальный проект прекрасно подходит для реализации системы массового участия.

Шаг 1) Добавляем HTML:

 
Как уже неоднократно упомянуто, стремящиеся вытеснить традиционное производство, нанотехнологии освещают чрезвычайно. интересные особенности картины в целом, однако конкретные выводы, разумеется, объединены в целые кластеры себе подобных! Прежде всего, курс на социально-ориентированный национальный проект прекрасно подходит для реализации системы массового участия. 
 Показать больше 

Шаг 2) Добавляем CSS:

 #more

Шаг 3) Добавляем JavaScript:

Как сделать кнопку «показать еще»?

В исходном коде список всех фильмов. При нажатии на кнопку «показать еще» появляются по 4 фильма. Это важно, потому что надо не подгружать страницы, а именно разбить длинный список контента.

Ответил: hent4ib

у webrambo был скрипт
http://webrambo.ru/101-ajax-podgruzka-novostey-dle.html

2 комментария

Похожие вопросы

Как организовать список серий на сайте в выпадающем списке

13.10.2011 Romario Общие вопросы по вёрстке, Модули, Хаки

Реализация всплывающих подсказок с выводом контента в dle

01.10.2012 Prowockator Общие вопросы по вёрстке

Вкладка при нажатии на кнопку

21.12.2012 jarrro Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)

При нажатии на кнопку «добавить комментарий» страница поднимается вверх

29.01.2014 serg91100 Общие вопросы по вёрстке, Хаки, Ламерские вопросы

Как сделать кнопку добавить отзыв?

10.09.2014 skinny Общие вопросы, Общие вопросы по вёрстке, Стили (CSS)

Как добавить два изображения по бокам от «контента» сайта?

01.12.2015 fops88 Общие вопросы по вёрстке

Как сверстать шаблон вывода контента, 2 блока по бокам и один между ними?

15.10.2016 baseroad Общие вопросы по вёрстке, Шаблоны (TPL)

Как сделать, чтобы при выборе «область А» из доп. полей, подгружался другой список при доб. новости?

04.03.2017 lissp Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL)

Как сделать поочередное появление полей при добавлении новости?

14.03.2017 Stasiq Общие вопросы по вёрстке

Как выполнять одновременно 2 действия при нажатии на кнопку?

17.03.2018 Railway_Academy Общие вопросы по вёрстке
Последние события
Sinoid | Как сделать вывод статистики общего коли . 18

Sinoid
Как сделать вывод статистики общего количества пользователей по каждому значению доп. поля?
Вчера, 20:33

в каждый
пару ключ+значение массива $resultArray[] ? Если примерно как ниже, то не знаю, будут ли такие пары без ошибок влезать в html:

+

>
?>

А если через массив тегов [ = $resultArray[zz] ], то вроде бы проще, но как в html перебирать весь массив тегов, если из html нет доступа к размеру такого массива (который меняется динамически), а в js-скрипте DLE-теги не работают?
3. Напиши пжл весь country.php ещё раз со всеми изменениями и с кэшированием.

rewenas | Как сделать вывод статистики общего коли . 18



rewenas
Как сделать вывод статистики общего количества пользователей по каждому значению доп. поля?
Вчера, 18:01

Сразу хочу сказать я в этом деле самоучка. Так что могу что то не так понимать и реализовывать
rewenas | Как сделать вывод статистики общего коли . 18



rewenas
Как сделать вывод статистики общего количества пользователей по каждому значению доп. поля?
Вчера, 17:59

1 Если тебе нужно вывести из $iso_countries массива только ключи то:

 $keys = array_keys($iso_countries); 

2 В смысле переопределять? Его никто даже не трогал. Или я тебя просто не понимаю. Я всего лишь думал что инпутом у тебя пользователи выбирают страну :в следствие чего у тебя в столбец land таблицы dle_users заноситься двухбуквенный код стран.

Ещё сделал выбор страны проживания, который заносится скриптом в стандартный DLE-тег в виде кода 249 стран списка ISO 3166-1 alpha-2

Поэтому этим кодом:

 if (isset($iso_countries[$country])) { $country_name = $iso_countries[$country]; $tpl->set('{land>', $country_name); > else { $tpl->set('{land>', 'Код страны не найден'); > 

Заменил этот двухбуквенный код на название страны
3 Тогда тебе нужно:

 $result = $db->query("SELECT land, COUNT(*) AS user_count FROM " . USERPREFIX . "_users WHERE land != '' GROUP BY land"); $resultArray = array(); while ($row = $result->fetch_assoc()) { $country = $row['land']; $user_count = $row['user_count']; $country_counts[$country] = $user_count; > foreach ($country_counts as $country => $user_count) { $resultArray[] = array( 'Страна' => $country, 'Количество пользователей' => $user_count ); > 

Результат запроса сохраняется в переменной $result. Далее создается пустой массив для хранения данных $resultArray = array(); И далее внутри цикла foreach в этот массив записывается каждый элемент массива $country_counts в виде массива с ключами страна и количество пользователей. Наверное это то что тебе как раз надо

Sinoid | Как сделать вывод статистики общего коли . 18



Sinoid
Как сделать вывод статистики общего количества пользователей по каждому значению доп. поля?
Вчера, 16:53

rewenas, Спасибо. Но:
1. $iso_countries будет содержать только коды. Названия стран потом будет выводить скрипт.
2. нельзя переопределять. Он мне нужен сам по себе как доп. поле каждого юзера. Туда заносится выбор страны юзером и оттуда отображается страна и флаг рядом с аватаром юзера в его комментах и в профиле.
3. На выходе из PHP мне нужен только сортированный (или нет) массив ненулевых количеств юзеров по каждой стране. Далее этот массив будет обрабатываться скриптом через библиотеку Chart.js , чтобы выводить диаграмму по всем странам. Bootstrap не использую. Про графическое представление списка на странице статов можешь не думать. Лучше сделай комментарии в коде PHP или здесь, что там происходит хотя бы в основной логике алгоритма.

rewenas | Как сделать вывод статистики общего коли . 18



rewenas
Как сделать вывод статистики общего количества пользователей по каждому значению доп. поля?
Вчера, 16:21

1 Создать в engine/data/ конфигурационный файл country-configuration.php с массивом ключей, представляющими коды стран и их значения.

  "Андорра", 'AE' => "Объединенные Арабские Эмираты", 'AF' => "Афганистан", // Здесь надо добавить все оставшиеся 245 стран из нужных 249. Их очень много и добавлять очень долго, я не стал 'ZW' => "Зимбабве", ); ?> 

2 Создать через систему плагинов или просто так в engine/modules/ файл с названием country.php

  include_once ENGINE_DIR . "/data/country-configuration.php"; $tpl->load_template('users-country.tpl'); $tpl->result['users-country'] = dle_cache( "users-country_", $tpl->result['users-country'], true); if (!$tpl->result['users-country']) { $result = $db->query("SELECT land, COUNT(*) AS user_count FROM " . USERPREFIX . "_users WHERE land != '' GROUP BY land"); $country_counts = array(); while( $row = $db->get_row($result) ) { $country = $row['land']; $user_count = $row['user_count']; if (isset($iso_countries[$country])) { $country_name = $iso_countries[$country]; $tpl->set('{land>', $country_name); > else { $tpl->set('{land>', 'Код страны не найден'); > $tpl->set('{user-count>', $user_count); $tpl->compile('users-country'); > $tpl->clear(); create_cache( "users-country_", $tpl->result['users-country'], true ); > echo $tpl->result['users-country']; ?> 

3 В папке вашего шаблона создать новый users-country.tpl файл. ( Стили в нем написаны просто для примера, их необходимо перенести в свой CSS файл вашего шаблона. Можно их изменять или добавлять новые, делая оформление на ваш вкус и цвет.)

4 В шаблоне stats.tpl вставить строку подключения {include file=»/engine/modules/country.php»>

rewenas | Как сделать вывод статистики общего коли . 18



rewenas
Как сделать вывод статистики общего количества пользователей по каждому значению доп. поля?
Вчера, 01:51

Не знаю насколько конечно это правильно, но я вижу это в голове у себе немного по другому. Завтра постараюсь реализовать

Sinoid | Как сделать вывод статистики общего коли . 18



Sinoid
Как сделать вывод статистики общего количества пользователей по каждому значению доп. поля?
Вчера, 01:11

rewenas, Понятно, что в статистику нет смысла выводить страны, которые никто не выбрал. Но ожидаю, что за несколько месяцев работы моего глобального научного сайта наберутся юзеры из около 60-80 стран. Всё равно много переменных выводить нужно. Допустим, внутри PHP считаем и формируем теги только тех стран zz, где > 0, заносим их в массив, сортируем по убыванию, а на страницу статистики выдаём список рейтинга из пар zz: . Как это всё реализовать в PHP?

rewenas | Как сделать вывод статистики общего коли . 18



rewenas
Как сделать вывод статистики общего количества пользователей по каждому значению доп. поля?
Вчера, 00:32

Можно например вывести только те страны что пользователи отметили у себя и посчитать в них суммарное количество пользователей. Причем сделать это отдельно подключаемым шаблоном, который отдельной строкой можно подключить в шаблоне статистики.

rewenas | Как сделать вывод статистики общего коли . 18



rewenas
Как сделать вывод статистики общего количества пользователей по каждому значению доп. поля?
Вчера, 00:30

Sinoid | Как сделать вывод статистики общего коли . 18



Sinoid
Как сделать вывод статистики общего количества пользователей по каждому значению доп. поля?
18-11-2023, 21:30

rewenas, А что делать? Есть какое-то другое решение. Ну и что, это лишь временные переменные в виде тегов.

• Sign In with Apple для DLE 14 2
• Модуль парсер ссылки с донора и з… 0
• Модификация аватарок DLE 16.1 27
• Модуль — Парсер статей и интеграц… 0
• Добавить поддержку для … 4
• Как обрезать название статьи 1
• Скрипт автозаполнения полей 3
• Парсер/граббер или конвертация БД 1
• Добавление дополнительного функци… 1
• Реализовать адекватную загрузку а… 4
• Запоминание открытой вкладки и со… 0
• Авторизация пользователей через Т… 0
• GeoIP — показ информации в зависи… 0
• Push-уведомление через OneSignal.… 0
• Giphy for comments (TinyMCE) 4
• Множественные опросы — модуль Mul… 0
• Расширенные закладки 0
• Расширение возможностей аккаунта … 0
• ChatGPT Driver 2
• Country Filter 0

Кнопка «Показать еще»

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

Первый вариант: отдельный AJAX-обработчик

В тело страницы помещается PHP-скрипт, который выводит только первые три записи из таблицы `prods` и кнопку «Показать еще».

prepare("SELECT * FROM `prods` LIMIT 3"); $sth->execute(); $items = $sth->fetchAll(PDO::FETCH_ASSOC); // Кол-во страниц $sth = $dbh->prepare("SELECT COUNT(`id`) FROM `prods`"); $sth->execute(); $total = $sth->fetch(PDO::FETCH_COLUMN); $amt = ceil($total / 3); ?> 
 
 

prepare("SELECT * FROM `prods` LIMIT , "); $sth->execute(); $items = $sth->fetchAll(PDO::FETCH_ASSOC); foreach ($items as $row) < ?>