Features

• can be used anywhere in your game
• ability to customize how many pages are displayed in the spread
• CSS styled pagination elements
• First Page and Last Page buttons

How to Use

The pagination function calls for 5 arguments; $total, $action, $page, $perpage, $spread.

• $total: the total number of entries to use in your pagination. Ex. If this function was used for your events, you would need to send in the total number of events for the given user.
• $action: the function requires you to use a $_GET action parameter to send the user back to the correct page. If you are using a different parameter, or not using a parameter at all, the function can be easily modified to accomodate
• $page: what page the user is currently on
• $perpage: how many instances you want to display (default 25)
• $spread: the maximum number of pages you want to show between the first and last button (default 5)

The function will print out the page list and will return the value of the current page that you are on, so that you can use it in your query. The returned value will be whatever page the user is currently on multiplied by the total number of instances per page. This will be used as the starting value for your loop (in my case a MySQL query).

CODE

/* ------- pagination function -------
$total: number of instances to consider
$page: what page the user is on
$perpage: sorting how many instances per page is shown
$action: the action for the vent (ex. ?action=index)
$spread: how many page option links sit between the first and last links
*/

function pagination($total, $action, $page = 1, $perpage = 25, $spread = 5)
{
	global $db;

	//return nothing as the total number of instances is less than the per page sort
	if($total < $perpage) {
		return 0;
	}
	$page=abs(intval($page));

	//Calculate the last page
	$lastpage=floor($total/$perpage);

	//Class for page links
	$span_pre="<span class='pagelist'>";
	$span_suf="</span>";

	//Color styling for page link that the user is on
	$font_pre="<font color='#00FF33' weight='bold'>";
	$font_suf="</font>";

	//checking what the distance is away from the median of the spread (rounded to highest int)
	$spread_dist=intval($spread/2);

	//check if the total number of instances is great enough that first and last links are needed.
	$totalspread=$spread+2;
	if(($total/$perpage) >= $totalspread)
	{
		//Only show first link when player isn't viewing the first page
		if($page > ($spread_dist+1)) {
			//Show First link
			print "<a href='?action=$action&page=1'>".$span_pre."<< First".$span_suf."</a>..";
			$start_point = $page-$spread_dist;
			$end_point = $spread;
		}
		else {
			//Player is on first page already
			$start_point=1;
		}

		//Only show last link when player isn't viewing the last page
		if($page < ($lastpage-($spread_dist))) {
			//Show last link
			$lastlink="..<a href='?action=$action&page=$lastpage'>".$span_pre."Last >>".$span_suf."</a>";
			$end_point = $page+$spread_dist+1;
			if($start_point == 1) {
				$end_point = $start_point + $spread;
			}
		}
		else {
			//Player is on last page already
			$end_point=$lastpage+1;
			if($end_point > ($lastpage - $spread_dist)) {
				$start_point=$lastpage-$spread+1;
			}
		}

		//Inbetween pages
		for ($x = $start_point; $x < $end_point; $x++) {
			if($x==$page) {
				print"<a href='?action=$action&page=$x'>".$span_pre.$font_pre.$x.$font_suf.$span_suf."</a>";
			}
			else {
				print"<a href='?action=$action&page=$x'>".$span_pre.$x.$span_suf."</a>";
			}
		}

		print $lastlink;

		return ($page-1)*$perpage;
	}
	else {
		for ($x = 1; $x <= $lastpage+1; $x++) {
			if($x==$page) {
				print"<a href='?action=$action&page=$x'>".$span_pre.$font_pre.$x.$font_suf.$span_suf."</a>";
			}
			else {
				print"<a href='?action=$action&page=$x'>".$span_pre.$x.$span_suf."</a>";
			}
		}

		return ($page-1)*$perpage;
	}
}

Code also displayed at: http://www.makewebgames.com/showthread.php/39356-Pagination-Function

My previous website was built as an HTML site with a jQuery slider to show off my previous work. There was not really any thought to scalability or flexibility, as the point of it was to show off my work and to get a good grade. Blogging was not something that I saw myself doing so I never attempted to incorporate any blogging tools or CMS into my site. It was a nice site for its time, and I did end up getting a very good mark on it, however it was time to transition to the professional realm and build a website that I would consistently update and maintain. Also, I believe that by blogging, I will challenge myself to learn more, show-off my non-design work, and build my credibility as a web designer and front-end developer.

So that brings me to the web site re-design.
It didn’t go as smoothly as I had hoped.
I chose to use a theme for my website as I’ve worked with WordPress before, but nothing overly extensive. I also didn’t have the time to spend learning how to make a new theme. So I shopped around for some good looking themes that I could modify into my own. I came across a very clean and promising theme on themeforest.net called “Fringetech”. After testing out the live preview, I decided to make the purchase (my first ever). For about a week, I tried to customize the theme to my likings. I just wanted to have a home page (with recent blog updates, some information about Blade of Eternity and contact details), a portfolio page and a blog page. After getting most of the web site customizations in, I hit a road block when trying to work with the posts. It seems that the Fringetech creator had decided to move away from the core WordPress post system and use his own blog modification. This didn’t work so well, as many plugins would not work correctly, and blog posts were not stored in the default database location. Moving to another theme would be a nightmare. I tried to work with a bit more to, but it was just not worth the time and effort, so I ended up requesting a refund.

My advice: DON’T PURCHASE THE FRINGETECH THEME

Perhaps I was a bit too hasty in buying the theme, but it did teach me a lot of about how WordPress is structured, and gave me some experience modifying it. Nevertheless, I had to find myself another theme. My search led me the theme Eptonic on themeforest, which is the theme that my website ended up being built upon. The creator made it really easy to add customize content and I only had to modify some areas to get the desired functionality. There are some kinks that need to be worked out still, but I am quite happy with the end result.

Thus, I present to you, my website michaelkretz.com.