Difference between revisions of "MediaWiki:Common.js"

/* Any JavaScript here will be loaded for all users on every page load. */

var thepager;
thepager = new Pager('reftable', 2);
thepager.init();
thepager.showPageNav('thepager', 'refnav');
thepager.showPage(1);



function Pager(tableName, itemsPerPage) 
{
	this.tableName = tableName;
	this.itemsPerPage = itemsPerPage;
	this.currentPage = 1;
	this.pages = 0;
	this.inited = false;
	this.showRecords = function(from, to) 
	{
		var rows = document.getElementById(tableName).rows;
		/* i starts from 1 to skip table header row */
		for (var i = 1; i < rows.length; i++) 
		{
			if (i < from || i > to)
			rows[i].style.display = 'none';
			else
			rows[i].style.display = '';
		};
	};
	this.showPage = function(pageNumber) 
	{
		if (! this.inited)
		{
			/*alert("not inited");*/
			return;
		};
		var oldPageAnchor = document.getElementById('pg'+this.currentPage);
		oldPageAnchor.className = 'ref-pg-normal';
		this.currentPage = pageNumber;
		var newPageAnchor = document.getElementById('pg'+this.currentPage);
		newPageAnchor.className = 'ref-pg-selected';
		var from = (pageNumber - 1) * itemsPerPage + 1;
		var to = from + itemsPerPage - 1;
		this.showRecords(from, to);
	};
	this.prev = function() 
	{
		if (this.currentPage > 1) this.showPage(this.currentPage - 1);
	};
	this.next = function() 
	{
		if (this.currentPage < this.pages) 
		{
			this.showPage(this.currentPage + 1);
		};
	};
	this.init = function() 
	{
		var rows = document.getElementById(tableName).rows;
		var records = (rows.length - 1);
		this.pages = Math.ceil(records / itemsPerPage);
		this.inited = true;
	};
	this.showPageNav = function(pagerName, positionId) 
	{
		if (! this.inited) 
		{
			/*alert("not inited");*/
			return;
		};
		var element = document.getElementById(positionId);
		var pagerHtml = '<span onclick="' + pagerName + '.prev();" class="ref-pg-normal"> &#x226a Prev </span> ';
		for (var page = 1; page <= this.pages; page++)
		pagerHtml += '<span id="pg' + page + '" class="ref-pg-normal" onclick="' + pagerName + '.showPage(' + page + ');">' + page + '</span> ';
		pagerHtml += '<span onclick="'+pagerName+'.next();" class="ref-pg-normal"> Next &#x226b</span>';
		element.innerHTML = pagerHtml;
	};
};