dawnerd

Open Source jQuery Plugin - Custom Radio and Checkboxes

dawnerd — Tue, 24 Mar 2009 07:15:40 +0000

I got fed up with the numerous amounts of plugins that handle custom checkboxes and radio inputs that I decided to create my own. Typically, the plugin will create html for you in which you an style. But you also have to pass in url’s for images that will be used for the various states.

The plugin I created, bltcheckbox, allows you to use any html and css. The only options you pass to the plugin are whether it’s a checkbox, or a radio input.

For code samples and documentation, please check out the code code page here.

Fixing Common CSS Issues In IE6 and IE7

dawnerd — Tue, 21 Oct 2008 06:05:01 +0000

As it turns out, Microsoft really doesn’t care about web standards at all. It has taken them way too many years to adopt the basics of CSS2 correctly. Now they are trying to expand that with IE8. However, developers still have to deal with the outdated IE6 and IE7. Using min-width is completely pointless unless your user base only uses good browsers.

The other day, I literally stumbled upon a JS file that fixes most of the IE6 and IE7 bugs. It emulates a lot of missing CSS functionality, and also applies a generic PNG fix. You can find the file here. I have been using it on all of my projects recently. In combination with a css reset stylesheet and the IE7 JS file, I have had a lot less headaches. I say you give it a shot. it’s not like it will take a lot of work for you to at least try out.

Quickly Creating Javascript Tooltips

dawnerd — Sun, 24 Aug 2008 11:05:11 +0000

I’ve noticed that a lot of sites do not use tooltips as much as they should. There are many places on a site where tooltips would really be nice. One example of using them correctly is TheSixtyOne. They use a nice tooltip when you are about to bump a song up. It quickly lets you know how many points it will cost and how many times you have bumped it. This post will hopefully inspire at least one of you to use tooltips more often.

The solution I have decided to use is UniTip from Unit Interactive. I believe they have the best solution to quickly setting up tooltips. Download the zip they provide and we should be ready to go.

First, the base html:


  
    Example tooltip

Open up unitip.js and find the lines containing:

var uniTipTag = "a,img";
var uniTipClass = "TipEx";

Change this to:

var uniTipTag = "img";
var uniTipClass = "tooltip";

Now just run the html file and you should instantly have tooltips. If something doesn’t work, make sure your path to the css file and images are correct. In addition, it is suggested to use a PNG fix file for IE6. I recommend Unit PNG Fix. It’s super easy to use and works like a charm.

Please keep in mind that tooltips are really designed for items that really need them, extensive use is annoying. A common use is creating help tips for users completing a complex form. If there is some form of information a user could not understand, it is advisable to use a tooltip on the input box or the label.

New Look, Same Greatness

dawnerd — Sun, 24 Aug 2008 07:34:30 +0000

I decided that the old theme was too dark after getting a few messages about it. Hopefully this one will suit everyone. As you can tell, it is very simplistic. If you have any comments about this one, let me know right away. Oh and this was created completely by me, no pre-made themes this time.

Starting PHP: Looping Basics

dawnerd — Fri, 15 Aug 2008 03:06:41 +0000

I was searching the internet for PHP tutorials and quickly found out that the majority of are badly written, have errors in the example code, contain security holes, or are just outright outdated. This makes learning PHP hard for someone just starting out. The question I get a lot is about looping through arrays.

The following are the three possible ways to loop through data, with an example showing how I use them.

The While Loop
The while loop is useful when running loop on data with an unknown size; a database result for example. here’s an example:

';
}
?>

The above example will continue to check $row to see if it returns false. Each call to mysql_fetch_array() will increment the key. If you ran mysql_fetch_array() outside of the loop, you would get a full array of all the results at once. For example:

Array(
     0 => Array( 'userid' => 1),
     1 => Array( 'userid' => 2)
)

In this case, you could simply call $row[0]['userid']. But again you don’t know how many results there are so hand coding all the different keys would be just silly.

The For Loop
Just like a while loop, a for loop runs until the expression returns false. Example:

';
}
?>

For loops are probably the hardest types of loops for php beginners to grasp. The reason behind that is because of the expression used to keep the loop running. So what does $i=0;$i mean? When the loop is first started, the variable $i is set to 0, which happens to be the first key in the $array variable. Next, it checks if the $i variable is less than the total number of items in the array. If the count is greater than $i, the loop continues. Lastly, $i is incremented after one each loop. So after the first run, $i becomes 1, rather than 0.


We have 3 items in the array, so in english, that loop would look like:
i is zero.
if i less than three continue, otherwise break the loop.
add one to i.

The $i variable is accessible anywhere in the loop. It may seem that $i is incremented before any code in the loop is processed, but in reality, it is incremented after the code has been executed.
For loops are also extremely fast for small sets of data. Just keep that in mind if all you have to do are small loops and getting the length of an array or number is no issue.
The Foreach Loop

This last method of looping is my favorite; mostly because it’s easy to follow. Take for example:
 $value)
{
     echo $key.': '.$value.'
';
}
?>

This will output:
0: bob
1: joe
2: billy
3: rob

The foreach loop takes each item in the array starting from the left and assigns it a key, or unique number; starting from 0. This is always the case. However, you can choose not to get the key of the current array item by not using the $key part of the foreach loop. Instead, the loop would look like:
$array = array('bob','joe','billy','rob');
foreach($array as $value)
{
     echo $value.'
';
}

Now that you read this, the only way to make it stick is to put it to practice. If you need help trying to make something, here’s a script you should try to make on your own:
Make an array of your favorite movies.
Each movie should contain the top 5 or more actors.
Make the script loop through and output each movie and the first three
actors, omitting any others.

If you need a little kickstart here you go:


Yes, you will need to nest the loops. I’m sure you can figure it out. Once you get this, I have a good feeling everything else will be a breeze.