I am NOT a Web Designer ...

Quick Answer: Add Random Dates to MySQL Database

acsummer — Wed, 30 Jan 2008 22:12:54 +0000

Looking for a way to add random dates to a column in one of your MySQL tables?

I ran across this problem and found a straightforward solution. By utilizing str_to_date(), concat(), floor() and rand() you can specify a random date for a column.

update  mytable
set     mycolumn = str_to_date(
                               concat(
                                      floor(1 + rand() * (12-1)), 	/* Generate a random month */
                                      '-',
                                      floor(1 + rand() * (28 -1)), 	/* Generate a random day */
                                      '-',
                                      '2008'
                                      ),
                                '%m-%d-%Y'
                                );

Creating VIEWs in MySQL

acsummer — Thu, 03 Jan 2008 21:10:14 +0000

The MySQL VIEW acts like a virtual table. Each VIEW is actually a SQL statement that has been previously defined.

To create a VIEW:

CREATE VIEW view_name AS
sql_statement;

A basic VIEW could be created as the following:

CREATE VIEW Cities AS
SELECT     DISTINCT(City)
FROM       Customers
ORDER BY   City ASC;

When we run a SHOW COLUMNS FROM Cities MySQL returns the following:

+-------+-------------+------+-----+---------+-------+
| Field | Type        | Null | Key | Default | Extra |
+-------+-------------+------+-----+---------+-------+
| city  | varchar(50) | YES  |     | NULL    |       |
+-------+-------------+------+-----+---------+-------+
1 row in set (0.16 sec)

To access the information from the newly created VIEW:

SELECT     City
FROM       Cities
LIMIT      5;

And MySQL returns:

+----------------+
| city           |
+----------------+
| 100 MILE HOUSE |
| ABBOTSFORD     |
| ABBOTT PARK    |
| ACHESON        |
| ACTON          |
+----------------+
5 rows in set (0.09 sec)

I know this example is incredibly simple, but I hope you can see the potential for using VIEWs. The creation syntax for VIEWs also includes the capability to assign an algorithm type (either AUTO, MERGE or TEMPTABLE) and there are some limitations (not being able to access user variables). The example that I have included is the most simplified method for creating a new view.

With the MySQL VIEWs I am able to simplify other-wise complicated SQL statements. To generate summary level details (by using several aggregate functions) and JOIN that information to more readable SQL, I am saving myself a lot of debugging and troubleshooting if future modifications are required.

For example if I was working on a bulletin board application and I want to display a summary for a user:

CREATE VIEW user_summary AS
SELECT     Users.UserID,
           COUNT(Comments) AS user_comment_count,
           COUNT(Posts) AS user_post_count
FROM       Users LEFT JOIN
           (
            Comments LEFT JOIN Posts
            ON
             (
              Comments.PostID = Posts.ID
             )
            )
            ON
             (
              Users.UserID = Comments.UserID
             )
GROUP BY   Users.UserID;

Now I have a VIEW that contains the bulletin board summary information for the users. To JOIN the VIEW to another SQL statment:

SELECT    Users.UserID,
          user_summary.user_comment_count,
          user_summary.user_post_count
FROM      Users LEFT JOIN user_summary
          ON
           (
            Users.UserID = user_summary.UserID
           );

If you have any questions, or would like further clarification. Please leave me a comment and I will answer you promptly.

Quick Answers: Dynamically Apply a Border to all IMGs in the DOM

acsummer — Wed, 02 Jan 2008 21:42:34 +0000

Many people have asked me to put up a Quick Answer that would allow them to dynamically apply a border to all IMG elements in the DOM.

Before …

After …

To dynamically apply CSS padding and borders to all IMG elements in the DOM, you can use the following Javascript function:

In this example the Javascript function is called when the page loads, but this can easily be modified to another Javascript event.

Join Tables Across Different Databases

acsummer — Wed, 02 Jan 2008 21:03:45 +0000

Joining tables in queries across different MySQL databases is possible if you use fully qualified database and table names.

Both databases will need to be on the same server for this to work

SELECT  db1.table1.column1,
        db2.table1.column1
FROM    db1.table1 LEFT JOIN db2.table1
        ON
          (
            db1.table1.column2 = db2.table1.column2
          );

The example query will pull two columns (column1 from both databases) and display the results of the LEFT JOIN.

Introduction to Regular Expressions in MySQL

acsummer — Wed, 02 Jan 2008 20:28:13 +0000

Using the LIKE clause can only get you so far when you are building search functionality into your applications. Implementing Regular Expressions will open your search functionality far beyond the most complicated LIKE statement you can create.

SELECT    City
FROM      Customers
WHERE     City REGEXP 'vancouver'
ORDER BY  City ASC;

SELECT    City
FROM      Customers
WHERE     City REGEXP '.ancouver'
ORDER BY  City ASC;

The “.” is used to replace a single character in your search string.

The querys above would work the same if you replaced REGEXP with LIKE (and used wildcards). The main difference between LIKE and REGEXP is that LIKE matches entire column values (unless wildcards are used), and REGEXP automatically searches for matches within the column values.

SELECT     City
FROM       Customers
WHERE      City REGEXP "Vancouver|Richmond"
ORDER BY   City ASC;

Searching for multiple items can be accomplished by separating the searches with the OR operator (|).

SELECT     City
FROM       Customers
WHERE      City REGEXP '[St|Saint] Johns'
ORDER BY   City ASC;

[] is used to specify AND as a operator, [12345] and [1|2|3|4|5] are the same.

It is important to note that ‘St|Saint Johns’ and ‘[St|Saint] Johns’ will not produce identical results. Below are the example queries and their respective output:

SELECT    Distinct(City)
FROM      Customers
WHERE     City REGEXP '[st|saint] john';
+--------------+
| City         |
+--------------+
| ST JOHN'S    |
| SAINT JOHN   |
| FORT ST JOHN |
+--------------+
3 rows in set (0.09 sec)

SELECT     City
FROM       Customers
WHERE      City REGEXP 'st|saint john';
+-----------------------------+
| City                        |
+-----------------------------+
| ESTEVAN                     |
| FORESTBURG                  |
| ST-ISIDORE                  |
| ESTERHAZY                   |
| EAST YORK                   |
...
| ALVINSTON                   |
| EAST PROVIDENCE             |
+-----------------------------+
148 rows in set (0.14 sec)

The ‘st|saint john’ query is requesting all cities that include the letters ‘st’ OR ‘saint john’, whereas the ‘[st|saint] john’ query requested the letters ‘st john’ AND ‘saint john’. Big difference!

[1-9] is shorthand for [123456789]

[a-e] is shorthand for [abcde]

If you are still with me on the REGEXP syntax, my next post will go further into searching for multiple instances and repetition in MySQL.

Quick Answers: How many images are in the DOM?

acsummer — Wed, 02 Jan 2008 17:37:27 +0000

You can dynamically determine the number of images () on a web page by using Javascript.

var imgCount = document.getElementsByTagName('img').length

To create a reusable function you can use the following code:

function countAllImages()
{
var imgCount = document.getElementsByTagName('img').length;
return imgCount;
}

Forms Without Tables

acsummer — Wed, 02 Jan 2008 17:13:34 +0000

Tables are overused in web development these days. I must admit that years ago (around 1995) I used tables to help position elements in web pages. NEVER USE TABLES to format your forms. Not only are tables tacky but they will require more time to modify layouts and do not make much sense in terms of accessibility.

CSS (Cascading Style Sheets) allows you to define the formatting and layout of your web pages. Using CSS will add greater flexibility to your web sites and reduce the time it would take to adjust layout changes versus HTML.

I am going to start building the table less form in a


  
    
      Shipping Details
      
        
          Attention*
          
        
        
          Street Address*
          
        
        
          City*
          
        
        
          Province*
          
        
        
          Postal Code*
          
        
        
          Email

Without any CSS Rules being applied, we now have a form that looks like the following:

To prevent your visitors from running away from the horribly formatted form, I am going to start applying CSS.

I will first specify the font to be used:

#form_body
{
  font: 8pt Arial;
}

Next I will specify the

border, background color and of course the style:

#form_body fieldset
{
  border: 1px Solid #c8c8c8;
  background: #f0f0f0;
  width: 300px;
}
  #form_body fieldset legend
  {
    font: Bold 8pt Arial;
  }

Now we can apply some formatting to the

elements:

#form_body fieldset ul
{
  margin: 0;
  padding: 0;
}
  #form_body fieldset ul li
  {
    list-style: none;
    margin-bottom: 3px;
    text-align: left;
  }

Here is the CSS to position the for each of the items, this is where all the magic happens:

#form_body fieldset ul li label
{
  width: 150px;
  float: left;
}
  #form_body fieldset ul li label em
  {
    color: #ff1515;
    font: 10pt Arial;

  }

Before I display the final bit of CSS, let’s take a look at our HTML now:

Now all that is needed is to specify the formatting of the elements:

#form_body fieldset ul li input
{
  border: 1px Solid #c8c8c8;
  font: 8pt Arial;
  width: 150px;
}
#form_body fieldset ul li input.button
{
  border: 1px Solid #71ff72;
  background: #caffca;
  font: 8pt Arial;
}

Before I display some other possible enhancements to the form here is the entire HTML to reproduce our new table less form:



  


  
    
      
        Shipping Details
        
          
            Attention*
            
          
          
            Street Address*
            
          
          
            City*
            
          
          
            Province*
            
          
          
            Postal Code*
            
          
          
            Email

To add a more modern look, we can change the background properties of the

. Below are some examples with gradient backgrounds:

Applying a background image to the

is very straight forward:

#form_body fieldset
{
  border: 1px Solid #c8c8c8;
  background: url('green_grad.jpg') repeat-x top left;
  width: 300px;
}

SELECT INTO OUTFILE

acsummer — Mon, 31 Dec 2007 16:24:24 +0000

There are times when, for example I am about to run a large database update or compare two tables, I need to output a simple copy of a SELECT statement to a file for reference at a later date.

After creating a script to handle the task, I realized that MySQL will do all this work for me. All I need to do is create the SELECT query, and append the INTO OUTFILE syntax to generate my file.

Below is a simple example of SELECT … INTO OUTFILE:

SELECT   *
FROM     Customers
INTO OUTFILE 'C:/MySQL_Output/Customers_Output.txt'
FIELDS  TERMINATED BY '|'
        ENCLOSED BY '"'
LINES TERMINATED BY '\n';

We are asking MySQL to SELECT all records from the Customers table and output the query results to the MySQL_Output folder in a file called Customers_Output.txt with some specific formatting. In the example above I am asking MySQL to terminate all fields from the result set with a | and enclose each field with a ” and at the end of a result set, output a new line.

The output from such a request would look like the following:

"ABC Widgets"|"12345 Simple Street"|"Richmond"|"British Columbia"
"XYZ Fasteners"|"78910 Enterprise Avenue"|"Vancouver"|"British Columbia"

Quick Answer: Count the Number of Child Elements in DOM

acsummer — Sun, 30 Dec 2007 17:32:53 +0000

Sometimes I come across the need to count the number of child elements in any given area of the DOM. Below is an example of how to count the number of elements by using the getElementsByTagName() function.








 List Item 1
 List Item 2
 List Item 3

When you click the button, the browser will alert you to the number of child

elements to the “listing”

Quick Answer: Dynamically Adding a Hyperlink to the DOM

acsummer — Sat, 29 Dec 2007 20:56:34 +0000

Javascript is capable of appending child elements to the DOM of a web page dynamically. This quick answer demonstrates one way to append a element to a

How to append a hyperlink to the DOM is relatively straight forward.

First reference the parent node to add the new child element to

Create a new element using document.createElement(‘a’);

Set the “href” attribute value for the

Create a new text node using document.createTextNode();

Append the text node to the element

Finally, append the new element to the parent node

Web Browser Output of code before button is clicked:

Web Browser Output after button is clicked: