Pagination Example

Pagination with Bootstrap

by karthick Chandran

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://www.solodev.com/assets/pagination/jquery.twbsPagination.js"></script>
<select multiple="multiple" class="form-control"  id="tags" style="width: 400px;"  value="tags" name="tags[]"></select>

CSS

.container {
  margin-top: 20px;
}
.page {
  display: none;
}
.page-active {
  display: block;
}

JavaScript

function highScore1(score) {

var saved5 = 0;


saved5 = parseFloat(localStorage.getItem('highScore')) || 0; //nimmt 
//zeichenketten Argument (highscore) und gibt Float. highscore oder 0
score = parseFloat(score) || 0; 
//document.getElementById("highscore").innerHTML = saved5;


if (score > saved5 ) {
saved5 = score; //speichert neuen Highscore, wenn der score größer ist als 
//die gespeicherte variable
localStorage.setItem('highScore', score);//speichert highscore im browser
//document.getElementById("highscore").innerHTML = saved5;

var fireworks = {

///////////////////////////// configuration ////////////////////////////

// random colors
_color: ['#D0D0D0', '#FF0000', '#FFFF00', '#22FF00', '#2040FF', '#00CCFF', '#FF00FF', '#A319D6'],
// gravity factor
_gravity: 0.07,
// air resistance factor
_resistance: 0.975,
// zIndex of particles
_zIndex: 20000,
// maximal age of particles (in msec)
_maxAge: 2000,
// interval of appearing explosions (in msec)
_interval: [500, 2500],
// amount of particles per explosion
_particlesPerExplosion: 40,
// maximal speed of particle at moment of explosion
_speed: 5,
// minimal/maximal size of particle
_minSize: 8,
_maxSize: 12,



///////////////////////////// private vars /////////////////////////////

_particles: [],
_bodyWidth: 0,
_bodyHeight: 0,
_count: 0,
_lastInterval: 0,



////////////////////////////// functions ///////////////////////////////

// init fireworks
init: function()
{
    this._addEventListener(window, 'resize', function() { return fireworks.resize.apply(fireworks); });
    this._addEventListener(window, 'load', function() { return fireworks.start.apply(fireworks); });
},


// add an event listener
_addEventListener: function(el, name, handler)
{
    if (el.addEventListener)
        el.addEventListener(name, handler, false); 
    else if (el.attachEvent)
        el.attachEvent('on' + name, handler);
},


// start fireworks
start: function()
{
    // init window size
    this.resize();

    // start to...