Menu
Community /Pin to ProfileBookmark
@daveyerwinJul 18.2019 — #
JavaScript pagination dynamical
Hi
I’m trying to dynamic pagination in JavaScript ,i attached file Zip file
Please i Need help from any one ,i’m New to JavaScript
Thank you and Appreciate your help
My Repository files are available JavaScript pagination
Sign in
to post a comment17 Comments(s) ↴
0
@daveyerwinJul 18.2019 — #``<i>
</i><!DOCTYPE html>
<html>
<link rel="stylesheet" href="pagination.css" type="text/css" />
<body>
<h4>The set the local Storage</h4>
<button onclick="createItem()">Set local storage items</button>
<button onclick="clearMyStorage()"> Clear myStorage </button>
<button onclick='listItems()'> list all Items </button>
<button onclick='listItems(0,3)'> list first three Items </button>
<button onclick="listItems(3,3)"> list Items four five and six</button>
<ul id=list></list>
<script>
'use strict';
function createItem() {
clearMyStorage();
myStorage.setItem("test_11", "Display values-21y");
myStorage.setItem("test_12", "Display values-22");
myStorage.setItem("test_16", "Display values-24");
myStorage.setItem("test_14", "Display values-253");
myStorage.setItem("test_15", "Display values-2423");
myStorage.setItem("test_21", "Display values-21");
myStorage.setItem("test_25", "Display values-25");
myStorage.setItem("test_01", "Display values-01");
myStorage.setItem("test_051","Display values-051");
myStorage.setItem("test_31", "Display values-31");
}
function listItems(start,end){
while (list.hasChildNodes())
list.removeChild(list.lastChild);
var i=0,item,keys=myStorage.getKeys();
if(arguments.length == 0){
while(item = myStorage.getItem(keys[i++])){
fn();
}
} else {
i = start;
while(item = myStorage.getItem(keys[i++])){
if(i>end+start)return;
fn();
}
}
function fn(){
var li = list.appendChild(document.createElement("li"));
li.appendChild(document.createTextNode(item));
ul = li.appendChild(document.createElement('ul'));
ulli = ul.appendChild(document.createElement("li"));
ulli.appendChild(document.createTextNode("DELETE"));
ulli.onclick=(function(e){
var a = keys[i-1], b = li;
return function(){
b.parentNode.removeChild(b);
myStorage.deleteItem(a);
}
}()) }
}
function clearMyStorage(){
myStorage.clear();
while (list.hasChildNodes())
list.removeChild(list.lastChild);
}
var myStorage = (function () {
var stored = JSON.parse(localStorage.getItem('myStorage'),true),
Items = stored ? stored:{},
current = 0;
function set(){localStorage.setItem('myStorage',JSON.stringify(Items))};
return {
setItem : function(key,value){
if(!value)return;
Items [key] = value ;
set();
},
getItem : function(key) {
return Items [key];
},
getKeys : function() {
return Object.keys(Items);
},
deleteItem : function(key){
delete Items [key];
set();
},
clear: function() {
Items = {};
set();
},
}
}());
</script>
</body>
</html><i>
</i>``