Click here to Skip to main content
       

JavaScript

 
AnswerRe: Working example for Javascript to call a java webservice Pinmemberryanb312-Nov-12 12:04 
GeneralRe: Working example for Javascript to call a java webservice PinmemberMember 946160725-Nov-12 20:32 
QuestionJS::Page a serious fault Pinmemberlsw52131425-Oct-12 22:14 
AnswerRe: JS::Page a serious fault Pinmemberenhzflep27-Oct-12 10:57 
QuestionFill a "2D" Array with random values Pinmember0bx24-Oct-12 13:27 
AnswerRe: Fill a "2D" Array with random values Pinmemberenhzflep26-Oct-12 21:52 
QuestionFlexigrid Pinmemberchandra reinhart15-Oct-12 2:23 
Questionpagination Pinmembermillekekez12-Oct-12 23:32 
hello
i would appreciate a little help here
is it possible to make default pagination of my dynamic html table created from saving form elements
i need to make 15 records per page and i tried lots of plugins but i couldn't get it done
 
thanks
 
Mille
 
my code is:
var Animals ={
index: window.localStorage.getItem("Animals:index"),
$table: document.getElementById("animals-table"),
$form: document.getElementById("animals-form"),
$button_save: document.getElementById("animals-save"),
$button_discard: document.getElementById("animals-discard"),
 
init: function() {
if (!Animals.index) {
window.localStorage.setItem("Animals:index", Animals.index = 1);
}
Animals.$form.reset();
Animals.$button_discard.addEventListener("click", function(event) {
Animals.$form.reset();
Animals.$form.id_entry.value = 0;
}, true);
Animals.$form.addEventListener("submit", function(event) {
var entry = {
id: parseInt(this.id_entry.value,radix),
animal_id:this.animal_id.value,
animal_name: this.animal_name.value,
animal_type: this.animal_type.value,
bday: this.bday.value,
animal_sex: this.animal_sex.value,
mother_name: this.mother_name.value,
farm_name: this.farm_name.value,
money: this.money.value,
weight: this.weight.value,
purchase_partner: this.purchase_partner.value
 
};
if (entry.id === 0) {
Animals.storeAdd(entry);
Animals.tableAdd(entry);
}
else { // edit
Animals.storeEdit(entry);
Animals.tableEdit(entry);
}
 
this.reset();
this.id_entry.value = 0;
event.preventDefault();
}, true);
 

if (window.localStorage.length - 1) {
var animals_list = [], i, key;
for (i = 0; i < window.localStorage.length; i++) {
key = window.localStorage.key(i);
if (/Animals:\d+/.test(key)) {
animals_list.push(JSON.parse(window.localStorage.getItem(key)));
}
}
 
if (animals_list.length) {
animals_list.sort(function(a, b)
{return a.id < b.id ? -1 : (a.id > b.id ? 1 : 0);})
 
.forEach(Animals.tableAdd);}
}
 
Animals.$table.addEventListener("click", function(event) {
var op = event.target.getAttribute("data-op");
if (/edit|remove/.test(op)) {
var entry = JSON.parse(window.localStorage.getItem("Animals:"+ event.target.getAttribute("data-id")));
if (op == "edit") {
 
Animals.$form.id_entry.value = entry.id;
Animals.$form.animal_id.value = entry.animal_id;
Animals.$form.animal_name.value = entry.animal_name;
Animals.$form.animal_type.value = entry.animal_type;
Animals.$form.bday.value = entry.bday;
Animals.$form.animal_sex.value = entry.animal_sex;
Animals.$form.mother_name.value = entry.mother_name;
Animals.$form.farm_name.value = entry.farm_name;
Animals.$form.money.value = entry.money;
Animals.$form.weight.value = entry.weight;
Animals.$form.purchase_partner.value = entry.purchase_partner;
 
}
else if (op == "remove") {
if (confirm('Are you sure you want to remove this animal from your list?' )) {
Animals.storeRemove(entry);
Animals.tableRemove(entry);
}
}
event.preventDefault();
}
}, true);
},
 
storeAdd: function(entry) {
entry.id = Animals.index;
window.localStorage.setItem("Animals:index", ++Animals.index);
window.localStorage.setItem("Animals:"+ entry.id, JSON.stringify(entry));
},
storeEdit: function(entry) {
window.localStorage.setItem("Animals:"+ entry.id, JSON.stringify(entry));
},
storeRemove: function(entry) {
window.localStorage.removeItem("Animals:"+ entry.id);
},
 
tableAdd: function(entry) {
var $tr = document.createElement("tr"), $td, key;
for (key in entry) {
if (entry.hasOwnProperty(key)) {
$td = document.createElement("td");
$td.appendChild(document.createTextNode(entry[key]));
$tr.appendChild($td);
}
}
$td = document.createElement("td");
$td.innerHTML = 'Edit | Remove';
$tr.appendChild($td);
$tr.setAttribute("id", "entry-"+ entry.id);
Animals.$table.appendChild($tr);
},
tableEdit: function(entry) {
var $tr = document.getElementById("entry-"+ entry.id), $td, key;
$tr.innerHTML = "";
for (key in entry) {
if (entry.hasOwnProperty(key)) {
$td = document.createElement("td");
$td.appendChild(document.createTextNode(entry[key]));
$tr.appendChild($td);
}
}
$td = document.createElement("td");
$td.innerHTML = 'Edit | Remove';
$tr.appendChild($td);
},
tableRemove: function(entry) {
Animals.$table.removeChild(document.getElementById("entry-"+ entry.id));
}
};
 
Animals.init();
 
</script>
QuestionProblem with IE 9 Pinmembergiocot11-Oct-12 8:21 
AnswerRe: Problem with IE 9 PinmemberMember 950758612-Oct-12 0:02 
AnswerRe: Problem with IE 9 Pinmemberjkirkerx17-Oct-12 13:20 
AnswerRe: Problem with IE 9 Pinmembertwseitex19-Oct-12 8:39 
Questionwindow.open not working inside frame in google chrome. PinmemberVirjin Antony10-Oct-12 2:57 
AnswerRe: window.open not working inside frame in google chrome. Pinmembertwseitex19-Oct-12 9:28 
AnswerRe: window.open not working inside frame in google chrome. Pinmembersaimimtiaz28-Oct-12 9:19 
QuestionFileUpload Inside a Gridview ItemTemplate PinmemberMember 79103609-Oct-12 20:25 
AnswerRe: FileUpload Inside a Gridview ItemTemplate PinmemberMohibur Rashid9-Oct-12 22:22 
AnswerRe: FileUpload Inside a Gridview ItemTemplate Pinmemberkavittrivedi16-Oct-12 3:29 
QuestionFile Upload in IE Pinmemberziggyfish9-Oct-12 16:26 
AnswerRe: File Upload in IE Pinmembertwseitex19-Oct-12 9:31 
Questionbitwise operator question PinmemberRoger Burke9-Oct-12 14:19 
AnswerRe: bitwise operator question Pinmemberziggyfish9-Oct-12 16:31 
Question“Object doesn't support property or method 'ready'” PinmemberRohit Kesharwani9-Oct-12 2:42 
AnswerRe: “Object doesn't support property or method 'ready'” PinmemberGraham Breach9-Oct-12 21:55 
QuestionTried Typescript? What's your first impressions? PinmemberAlluvialDeposit5-Oct-12 3:01 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.


Advertise | Privacy | Mobile
Web01 | 2.8.141220.1 | Last Updated 20 Dec 2014
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid