1.) Return Alphanumeric Only

A very handy regular expression that I like to use for cleaning up usernames. It takes a string and returns its alphanumeric equivalency:

<?php
function alphaNumeric($string) {
	return preg_replace("/[^a-zA-Z0-9]/", "", $string);
}
?>

Sample string: DanMarino#13!@#$
Returns: DanMarino13

2.) Validate Email Address

This regular expression will return true if the string passed is a valid email address:

<?php
function checkEmail($email) {
	return preg_match("/^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i", $email);
}
?>

Sample string: test@example.com
Returns: 1 (true)

3.) Check for Valid URL

A nifty regular expression that will return true if the given string is a valid URL:

<?php
function checkURL($url) {
	return preg_match("/^(([\w]+:)?\/\/)?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a-fA-f\d]{2,2})+)?@)?([\d\w][-\d\w]{0,253}[\d\w]\.)+[\w]{2,4}(:[\d]+)?(\/([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)*(\?(&?([-+_~.\d\w]|%[a-fA-f\d]{2,2})=?)*)?(#([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)?$/", $url);
}
?>

Sample string: http://www.google.com
Returns: 1 (true)

4.) Check for Valid Hex Code

I often use this regular expression when developing sites that allow users to customize themes with hex codes. It will return true if a valid hex code is provided:

<?php
function checkHexCode($hex_code) {
	return preg_match("/^#?([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?$/", $hex_code);
}
?>

Sample string: FF0000
Returns: 1 (true)

5.) Text Snippet, No Cut-Off In Middle of Word

Easily one of my favorite functions. This regular expression accepts a string and a character limit, and returns a shortened string without cutting off the middle of a word:

<?php
function textSnippet($str, $num) {
	$string_match = preg_match("/^([\s\S]){1," . $num . "}([\s\.])/",  $str, $matches);
	$shortened_string = $matches[0];
	return $shortened_string . '...';
}
?>

Sample string: Look at this crazy long line of text.
Returns: Look at this crazy…

(function ($) {
	$.fn.equalHeights = function() {
		var max_height = 0;
		var currentHeight = 0;

		this.each(function() {
			currentHeight = $(this).height();
			if(currentHeight > max_height) {
				max_height = currentHeight;
			}
		});
		this.each(function() {
			$(this).height(max_height);
		});
	};
})(jQuery);

Usage

It’s pretty simple, all you have to do is give the plugin a list of elements like so:

$(document).ready(function() {
    $("#div-one, #div-two, #div-three").equalHeights();
});

<?php
$find_and_replace_query = mysql_query("UPDATE `table` SET `field` =
REPLACE(`field`, 'string_to_find', 'string_to_replace')");
?>

That’s it, you ask? Yep! Sure beats the grueling process of updating 50 pages one at a time.

First of all, let’s get things straight: mod_rewrite is your friend. It is also an Apache module that rewrites URL’s at the server level. If you’re reading this, I’m going to assume you’ve already enabled mod_rewrite on your server. If not, there’s plenty of tutorials to show you how to enable it. All set? Okay, let’s go!

Simple mod_rewrite Example

We’ll be starting with a simple mod_rewrite example just to get your feet wet. All rewrite rules follow a particular structure: RewriteRule Pattern Substitution [OptionalFlags]
This example will redirect http://www.example.com/foo.html to http://www.example.com/bar.html. This can be accomplished by creating an .htaccess file and inserting the following:

<?php
RewriteEngine on
RewriteRule ^foo.html$ bar.html
?>

Visiting http://www.example.com/foo.html will now redirect you to http://www.example.com/bar.html. However, notice that the URL still displays foo.html. If you’d prefer the browser to visibly redirect to the new page, you’ll need to make a couple changes to your .htaccess file:

<?php
RewriteEngine on
RewriteRule ^foo.html$ http://www.example.com/bar.html [R]
?>

You’ll notice that I’ve added an [R] flag to the end of the rewrite rule. This tells the browser to visibly redirect to the new page. Also, I had to write out the full URL of the page that I’m redirecting to. If the page you’re redirecting to happens to fall within the root directory of the same site, you can simply write /page.html instead of the full URL.

Fancy Schmancy Redirect

This example is going to show you how to make your URL’s pretty. I’m talking prettier than Halle Berry. Let’s start off with an example:

<?php
RewriteEngine On
RewriteRule ^([^/\.]+)/([^/\.]+)/?$ index.php?category=$1&product=$2 [L]
?>

With a rewrite rule like this in place, http://www.example.com/nestle/quik effectively redirects to http://www.example.com/index.php?category=nestle&product=quik. I’m going to break this rewrite rule out into multiple parts, seeing how it’s a bit more complicated than the first example:

1. ^([^/\.]+)/([^/\.]+)/?$ – This pattern returns two variables, separated by a forward-slash. The two variables can contain any characters that aren’t a forward-slash or a period.
2. $1.php – This is the page that you’ll be redirected to. $1 and $2 will be replaced with the previously captured data, respectively.
3. [L] – This optional flag tells Apache to stop processing rewrite rules after this point.

Well, I hope this wasn’t too overwhelming. This is just scratching the surface of mod_rewrite. Remember though, once you’ve got mod_rewrite down, all the ladies will constantly swarm you. Okay, that might not be true, but it will definitely save you a few headaches.

1. Absolutely position the element
2. Position the element 50% from the top, 50% from the left
3. Define the width/height of the element you wish to center
4. Compensate for the image’s width and height by applying two negative margins: A negative left margin set to half of the image’s width, and a negative top margin set to half of the image’s height.

#center-me {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 600px;
	height: 260px;
	margin-left: -300px;
	margin-top: -130px;
	background: url('../images/holy-crap-centered.gif') no-repeat;
}

jQuery Makes Writing JavaScript Easier

With jQuery, we can create our XMLHttpRequest in just under 10 lines of code:

$.ajax({
    var rand = Math.round(Math.random() * 999999);
    type: "POST",
    url: "ajax-page.php",
    data: "name=Eric&location=Ohio&rand=" + rand,
    success: function(msg) {
        alert(msg);
    }
});

Stupid Internet Explorer

If you’re using the GET method when submitting via AJAX, Internet Explorer may try to cache your request. We have solved this issue by adding a random number to the end of our query string as referenced in the example above.