Erikk Ross AIO

Using jQuery to add a Twitter Feed to Your Site

Erikk — Tue, 26 Jan 2010 23:51:13 +0000

This video goes through how to add a feed of your tweets to your web site by using jQuery.

Watch video now
View Live Demo (You can also view the source of the file to copy/paste the code)

You may find the video confusing if you are not familiar with jQuery. If you want you can simply use the code in the live demo page and copy it on your site to add the twitter feed without having to understand how everything works within it. Just be sure to change the twitterUser variable to be your twitter account.

If you have any questions, use the comments below.

External References:

Video Tutorial: Adding Images to the Master/Detail pages

Erikk — Sat, 08 Aug 2009 01:16:37 +0000

Watch Video | Download Video

In this video I go over how to add images to your master detail pages.

AJAX Autocomplete Example

Erikk — Thu, 09 Jul 2009 21:03:51 +0000

In this video, I show how to build a simple autocomplete search box. You have probably seen this feature on popular sites such as Netflix, Google, Hulu and Adobe. When you start to type in a search box, you get results returned immediately that match what you typed.

I used PHP, MySQL and jQuery to create this example.

What you need to do in order to get this to work:

In order to get this working on your site, you will need to follow a few steps.

Setup your database. You can use a database you already have or create a new one. If you already have a database and table created you can skip this step. You can view my other MySQL tutorials for more details on setting up a database.
Modify the include/dbconn.php file. You will need to modify this file to connect to your database. You will need to provide your server name, username, password and database name.
Possibly make changes to get_customers.php. You will most likely have to make some changes to this file as well in order to use your own table name.

For example, on line 9 my query looks like this:
$query = "SELECT first_name, last_name FROM Customers WHERE last_name LIKE '%" . $queryString . "%' ORDER BY last_name, first_name";

You will have to change that line of code to match your database table and column names.

You will also need to modify this line of code from get_customers.php:
echo '
' . $row['first_name'] . ' ' . $row['last_name'] . '

';

You will need to change $row['first_name'] and $row['last_name'] to match the name of your columns.

Watch Video | View live example | Autocomplete Code

Video Tutorial: View output of PHP within Dreamweaver

Erikk — Tue, 19 May 2009 00:16:53 +0000

This video shows how you can preview the output of PHP within Dreamweaver. If you are use to using the Design view to preview how your page looks, you may have noticed that this does not work with PHP code. Instead you will usually see nothing where your PHP code is at.

However, you can use the Live View to preview the output of your PHP code from within Dreamweaver. This video shows you how to do that and what you need to setup in order to be able to do this.

Watch Video

Video Tutorial: MySQL Setup Through OLS

Erikk — Thu, 07 May 2009 23:39:23 +0000

Watch Video | Download Video

This video shows you how to create a new MySQL database on your OLS server. Then I go into using phpMyAdmin to create the tables in your database. Finally I show a simple PHP page that will pull the information out of the database and display it in a web page. I also have several other videos about MySQL and data access, including using Dreamweaver to write the PHP code for you.

Video Tutorial: Include Files

Erikk — Thu, 07 May 2009 22:59:34 +0000

Watch Video | Download Video

Example code can be found here: Include file example

Video Tutorial: IMD312 Week 4 Assignment 4 (Email)

Erikk — Thu, 07 May 2009 22:56:21 +0000

Watch Video | Download Video

You can download the code for this video from here: Email code example

Video Tutorial: IMD312 Week 4 Assignment 3

Erikk — Thu, 07 May 2009 22:51:23 +0000

Watch Video | Download Video

You can view the code from this example here: Week 4 Assignment 3 code

Video Tutorial: Week 3 Assignment 1

Erikk — Thu, 07 May 2009 22:29:37 +0000

Watch Video | Download Video

This video will show how to create the dynamic confirmation page. This video was created in Dreamweaver 8, so it is a little old, but all the code is the same.

jQuery for Absolute Beginners

Erikk — Wed, 06 May 2009 00:55:15 +0000

I stumbled upon an excellent jQuery video series today called “jQuery for Absolute Beginners.” There are 15 videos that are geared toward jQuery beginners. I watched a couple of them and they are very well done.

http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/