Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Кнопка "Показать ещё". (https://javascript.ru/forum/dom-window/48437-knopka-pokazat-eshhjo.html)

Alban 03.07.2014 19:07

Кнопка "Показать ещё".
 
Имеется наипростейший див контента. В этот див помещаются обновления, статьи, новости. Хочу сделать так, чтобы показывалось определённое количество новостей или чтобы див оставался определённой высоты, а внизу блока была кнопка "Показать ещё", как это реализовано в большинстве сайтов. Подскажите с чего начать, какие методы использовать.

Sweet 03.07.2014 19:11

Цитата:

Сообщение от Alban
Подскажите с чего начать

С основ, очевидно. Там же логика элементарная: нажал кнопку, отправил запрос за верской, вставил её.

Alban 03.07.2014 19:12

ничего не дало. с основ чего JavaS html php ?

Sweet 03.07.2014 19:56

Цитата:

Сообщение от Alban
ничего не дало.

Это говорит только об одном: надо изучать основы.
Цитата:

Сообщение от Alban
с основ чего JavaS html php ?

Как вариант, начать с этого.

Alban 03.07.2014 20:14

Цитата:

Сообщение от Sweet (Сообщение 319369)
Это говорит только об одном: надо изучать основы.
Как вариант, начать с этого.

лет на десять всё это. а методику опишите. что там надо делать первое второе третье.

Sweet 03.07.2014 20:23

Цитата:

Сообщение от Alban
лет на десять всё это. а методику опишите.

Получается, я десять лет изучал всё это, чтобы за спасибо методики писать? Я уже написал "первое второе третье":
Цитата:

Сообщение от Sweet
нажал кнопку, отправил запрос за верской, вставил её


Alban 03.07.2014 21:55

вы бы могли сказать, что для этого требуется вызов какой-либо функции, или может надо установить плагин, как это требуют во всяких "инструкциях", или может что-либо ещё. я ж не прошу писать диссертацию по этой теме.
а "нажал кнопку", которую сперва надо создать, "вставить её" что вставить? кнопку? не совсем понятно мне. мне нужна подсказка на которую можно опереться и дальше идти.

Sweet 03.07.2014 23:12

Цитата:

Сообщение от Alban
что вставить? кнопку?

Вёрстку, конечно. Короче, общий принцип с jQuery: есть урл, через который ты запрашиваешь следующую партию новостей. Например, site.com/getNews?id=1234. В параметре запроса передаешь какой-нибудь id'шник. Например, id первой новости из тех, которые собираешься получить. Ну либо как-нибудь по-другому. По клику на кнопку делаешь запрос. Ответ, допустим будет в json-формате с новым идентификатором для следующего запроса и, собственно, с самой версткой новостей. И эту верстку ты запихиваешь в <div> контента. Тип того:
<div class="content"></div>
<div class="button" data-id="xxx"></div>
<script>
$(".button").on("click", function () {
  var button = $(this);
  
  $.get("url", { id: button.data("id") }, appendContent);
  
  function appendContent(responce) {
    var data = JSON.parse(responce);
    
    button.data("id", data.nextId);
    $(".content").append(data.html);
  }
});
</script>

Alban 04.07.2014 07:17

Вот, отлично, спасибо, принцип понятен, с остальным разберусь.

nerv_ 04.07.2014 10:58

Цитата:

Сообщение от Alban
мне нужна подсказка на которую можно опереться и дальше идти

на основы можно опереться :)


Часовой пояс GMT +3, время: 02:50.