I even dug up the actual video so you can see my inspiration:

Visit the iMeetzu Widget page to put iMeetzu on your site. The widget allows an adjustable size to fit nicely into your site.

Have fun!

That’s that. Pretty basic, but it works well and is super easy to use. I put up a full size demo here: jGallery Demo. You can also download all of the source files here: jGallery Source Files. I’ve used this in combination with lightbox and left some commented code in the source files to do so. Play around with it. You can adjust the speed the images move, how many images are shown, and the images’ size of course. Have fun and if you use it post a link to your site in the comments here so I can check it out.

I put together a simple demo here: Ajax Demo. Check it out for basic usage and to get the javascript source code. You can download the entire demo here: Ajax Demo Source Files. Upload these file to your server and you’ll be able to figure out how this works in no time.

• Turns sounds on and off
• Change Your Name
• Input your Gender
• Choose a Gender to Chat With

These are just basic options to change the visitors experience. Nothing too complex. I didn’t want to complicate the site and ruin the entire point of it.

This idea came about from a similar site. I saw it and was pretty amazed at the simplicity of the idea, but I knew it was not a simple project to build. I saw some obvious room for new features to make the site better, so I decided to build my own. It didn’t take as long as I thought. I build the site from scratch in about a day.

More features will be coming out to make the site even more entertaining. If you have any ideas please leave them as a comment here and submit them in the feedback form on the iMeetzu website.

Note: You must have PHP and apache mod-rewrite for this script to work.  Most servers should support this.

Also don’t forget to chmod 777 the directories listed in the readme file.

If you have any feedback / suggestions please post them in a comment here so I can improve the next release of this script.

Download the source files here

All of this would be in a file called addMember.php

Super simple form HTML:
———————————————–
<form action=”addMember.php” method=”post”>
<table border=”0″>
<tbody>
<tr>
<td>First Name</td>
<td><input name=”memberFirstName” size=”30″ type=”text” /></td>
</tr>
<tr>
<td>Last Name</td>
<td><input name=”memberLastName” size=”30″ type=”text” /></td>
</tr>
<tr>
<td>Phone Number</td>
<td><input name=”memberPhone” size=”30″ type=”text” /></td>
</tr>
<tr>
<td>Email</td>
<td><input name=”memberEmail” size=”30″ type=”text” /></td>

</tr>
<tr>
<td></td>
<td><input type=”submit” name=”submitMember” value=”Add” /></td>
</tr></tbody></table>
</form>
———————————————–

Thats it for the form field’s HTML. Just a couple of basic fields to collect contact data about a person. Now rather than creating some PHP to specifically map these form fields to the database column names, I am going to do something a bit different.  Check it out:

———————————————–

<?
//This is the code to be called when the form is submitted:
//if the form has been submitted
if(isset($_POST['submitMember']))
{
$keys = array(); //array for form keys
$values = array();//array for the data
$add = array_map(’mysql_real_escape_string’,$_POST); //safety first

//loop through each form field submitted in the $_POST array
foreach($add as $k => $v)
{
//if it is prefixed with ‘member’ it needs to be inserted to the database
if(ereg(’member’,$k))
{
$keys[] = str_replace(’member’,”,$k);//store the key (form field without ‘member’ prefix)
$values[] = “‘”.$v.”‘”; //store the corresponding data
}//if member
}//for each
//if atleast 1 form field has a ‘member’ prefix, store them to the database
if(count($keys)>1)
{
$key = implode(’,',$keys);//comma separate
$value = implode(’,',$values);//comma serparate
$sql = “INSERT INTO `user` (”.$key.”) VALUES (”.$value.”)”;
mysql_query($sql) or die(’Problem Adding User: ‘ . mysql_error() );
$msg = ‘<b>User successfully added to the database</b><br />’;
}//if count
}//if form submitted
?>

———————————————–

Note: I did have this tabbed out very neatly, but it didn’t appear in the post that way after I saved it, sorry.

What I did here is build an INSERT statement using the form field values as the table column name values, well almost. I prefixed the name of form fields with ‘member’ if I want it to be inserted to the database. This allows us to have form fields in the same form that don’t have to be inserted to the database, but can be used for anything else. The main key here is to match up your column names in the database to the form field names on your form.  So a column in the database named “Address” would need to have a form field name of “memberAddress” to correctly line up when it comes time to input the data from the form to the database. This is likely a commonly used method of storing data, but I’ve seen plenty of times where it is not. This little trick will likely save you a lot of time down the road with your form submission scripts. You can almost copy and paste to use it over and over. The only real changes to be made are your table names and some form field names.

And that is it. Nothing too complex here, just a little technique I came up with and thought I’d share!

If you are in my position you might want to check out these sites: Open Source Web Design and Free CSS Templates.  I personally don’t like using the templates as is. I prefer to use something open source as a base, and modify it into something somewhat unique.

This blog is hosted at: Hostamina Which is the web hosting company that my friend Aaron and I started in the summer of 2008.  Between the two of us we own too many websites, or projects as I like to call them because they are not complete, yet.

Right now I’m in my senior year of college at the University of Oregon. I’m currently an accounting major and CIT minor, but who knows I may change it.