Skip to content

Instantly share code, notes, and snippets.

@Dosant
Dosant / short.js
Created March 12, 2017 07:24
Handle Pagination
var pagination = (function () {
var TOTAL; // всего статей
var PER_PAGE = 3; // статей на 1-ой странице
var CURRENT_PAGE = 1; // текущая страница
var SHOW_MORE_BUTTON;
var SHOW_MORE_CALLBACK; // функция, которую вызывать, когда произошел клик по кнопке
/*
Total: Всего статей в ArticleModel. (Надо будет еще учесть, что total меняется при применении фильтров)
showMoreCb: функция, которую надо вызвать при клике на кнопку "Показать Еще"
@Dosant
Dosant / index.html
Created March 12, 2017 07:23
Handle Pagination
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<div class="header">
@Dosant
Dosant / index.html
Created March 6, 2017 20:24
#5 - Маленький пример
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<div class="header">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div id="div-1">
</div>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div id="my-div">
<strong>Text</strong>
<ul>
<li>Этот</li>
<li>тест</li>
</ul>
<ul>
<li>полностью</li>
<li>пройден</li>
</ul>
<script>
var elements = document.querySelectorAll('ul > li:last-child');
<div id="content">Выделим этот элемент</div>
<script>
var elem = document.getElementById('content');
elem.style.background = 'red';
</script>
<!DOCTYPE HTML>
<html>
<body>
<div>Начало</div>
<ul>
<li>Информация</li>
</ul>
var articlesService = (function () {
var articles = [1,2,3];
function getArticles() {
return articles;
}
function addArticle(article) {
articles.push(article);
}
function makeCounter() {
var currentCount = 1;
return function() { // (**)
return currentCount++;
};
}
var counter = makeCounter(); // (*)