CREATE TABLE test (
    'id' INT(10) NOT NULL AUTO_INCREMENT,
    'name' VARCHAR(100) DEFAULT NULL,
    'created' DATETIME DEFAULT NULL,
    'updated' DATETIME DEFAULT NULL,
    'start' DATE DEFAULT NULL,
    'end' DATE DEFAULT NULL,
    'status' varchar(10) DEFAULT 'active',
    PRIMARY KEY('id')
);

In this sample table you could add more fields with the data you need to store. For my purposes this will serve just fine for illustrating the triggers I intend to implement. In the table above start and end represent the date item is in an active state.

Triggers:

delimiter //
 
/* Insert Trigger for new items */
CREATE TRIGGER 't_insert_item' BEFORE INSERT ON 'test'
  FOR EACH ROW BEGIN
    SET NEW.updated = NOW();
    SET NEW.created = NOW();
    SET NEW.status = 'active';
 
    IF NEW.start > DATE_FORMAT(NOW(),'%Y-%m-%d) THEN
       SET NEW.status = 'future';
    END IF;
    
    IF NEW.end < DATE_FORMAT(NOW(),'%Y-%m-%d) THEN
       SET NEW.status = 'past';
    END IF;    
END
//
 
/* Update trigger for existing */
CREATE TRIGGER 't_update_item' BEFORE UPDATE ON 'test'
  FOR EACH ROW BEGIN
    SET NEW.updated = NOW();
    SET NEW.status = 'active';
 
    IF NEW.start > DATE_FORMAT(NOW(),'%Y-%m-%d) THEN
       SET NEW.status = 'future';
    END IF;
 
    IF NEW.end < DATE_FORMAT(NOW(),'%Y-%m-%d) THEN
       SET NEW.status = 'past';
    END IF;
END
//
delimiter ; 

With these triggers when I am inserting new items or existing items are being rescheduled I no longer have to worry about timestamping UPDATE statements or adjusting the item’s status in the system. I can also do faster simpler searches on items. It could allow for a one query command to update all item’s status in the system.

UPDATE test SET updated = DATE_FORMAT('%Y-%m-%d') WHERE status <> 'past';

This updates all the active ads and future ads with a new timestamp and updates their status automatically.

I hope this information is of use to someone and if you have questions about triggers in general feel free to comment. I hope to get back to working on combining my 2 previous posts PHP Flickr Parser and ExtJS Image Effects into a combined example.

In an earlier posted an example on how to use ExtJS to do some simple effects to move images around the screen. That is great and fun and all but it really has no value unless you can apply it. In that example I used some static URL to images since the focus was on getting things moving.

Taking things a step further I decided it would be better to take that simple example and actually make it of use to someone. Flickr is a pretty commonly used site to upload photos to so I decided to focus on shifting my small example to pull photos from Flickr’s RSS feed. This would allow the app to use just change as the feed changes. Doing this did not take long.

Using Anis uddin Ahmad’s  PHP lightweight feed parser allowed me to build a rather quick parser to grab photos from Flickr.  10 minutes later I had my parser working grabbing just the photo URL’s from Flickrs RSS feed.  Here is the code and below an example of it working.

<?php
include('FeedParser.php');
$sURL = "http://api.flickr.com/services/feeds/photoset.gne?set=72157618659871441&nsid=41823576@N00&lang=en-us";

$Parser   = new FeedParser();
$Parser->parse($sURL);
 
$channels    = $Parser->getChannels();     
$items       = $Parser->getItems();  
 
foreach($items as $item){
  $sContent = $item['CONTENT'];
  preg_match("#\s?src=\"(http://(.+)\.jpg)\"(\w)*#", $sContent, $aMatches); // updated!
  
  $sImgSrc = $aMatches[1];
  echo "<img src='{$sImgSrc}'/><br>";
}
?>

THE WORKING EXAMPLE

In the future I will bring the two ideas together to have a more interactive example of what is turning out to be a simple photo gallery project.

The Goal: I want to be able to show code examples in a clean format without and encoding of the characters and I want the spacing preserved.  I also want to be able to attach any JavaScript examples to my post to show the code actually working.

The Problem: Wordpress has certain filters and encodig in place that will replace and alter characters to make the text web viewable.  Even if you are entering code you want to run directly in the HTML portion of the editor this is not untouched by the wordpress formatter.  I found it would replace certain characters I did not want it to and made my code look terrible, not something you want when illustrating code to others.

The Solution: After spending some time investigating possible solutions and reading the formatting code (which is the file wordpress/wp-includes/formatting.php) I found a few plugins that seem to address the issue.  The first plugin I found helpful for preserving the spacing and code I want to illustrate to others.

Plugin: Coffee2Code's Preserve Code Formatting - This pluging will preserve code you stick into the <pre> or <code> tag.

I configured the program to only look for the <code> tag since I would be using the styling suggested by Sohtanaka .

This solved the issue with preserving the look of the code and giving it a distinct look.  I am sure there are more ways to style the code but this was simple enough for me to add and read.  The next problem was to deal with the fact that Wordpress was replacing certain characters of my JavaScript demo.  In particular I was using an 'and' operator (&&) and it was character encoding it wrong breaking my JavaScript. To solve this I added another plugin.

Plugin: Text Control - This plugin essentially turns the formatting of Wordpress off or if you choose can specify the type of formatting you want.  It also allows you to specify the character encoding used by the page.  When I am adding code that Iw ant to be run I do not want any encoding to happen, otherwise I risk my demo code breaking.

I installed the plugin and noticed it does work like it should except for one situation, '&&' the and operator. I decided to add a simple solution that handles this edge case directly into the plugin code.  While this is not the most elegant solutions it did fix my issues. Here is the code I added.

Add this to line 82:
 $text = preg_replace('/\&\&/', '&&', $text);
 

This fixed all my issues I have encountered so far. I hope this aids others that have ran into this problem as well.

DO NOT UPDATE Coffe2Code Plugin it makes things much worse. I had to revert back to 0.9 to get things working again.

I have seen some fancy photo galleries out there well I wanted to just create a simple effect to get my hands a little dirty.   The code you see below utilizes a few different aspects of ExtJS Core library.

I will not go into great details about how the code works because its not too hard to follow. If anyone has questions post it in the comments and I will do what I can to help though I am guessing most will just read or copy/paste and mess with it on their own.

Just click the image in the demo to see it work.

** Please do not link to my site to get the extjs libraries download them and install locally or on your own server. I have basic hosting and do this as a hobby and if you are getting significant traffic it could slow my site down.

You can see this working here Simple Image Rotate Example

  <body class="ext-gecko ext-gecko3" style="background-color: black;">
  <style>
   #box {
     width: 125px;
     height: 125px;
     background-color: white;
     position: absolute;
     left: 200px;
     top: 100px;  
      overflow: hidden;
      border: 1px solid red;
      cursor: hand; cursor: pointer;   
   }
   
   #box2 {
     width: 50px;
     height: 50px;
     background-color: white;
     position: absolute;
     left: 100px;
     top: 100px;  
      border: 1px solid red;
      cursor: hand; cursor: pointer;      
      opacity:0.25;
      filter:alpha(opacity=25);
   }
   
  </style>
  <div style="left:0px; top:0px; width: 800px%; height: 800px;" id="plane">   
       <img src="images/images.jpg" align="middle" id="box">
       <img src="images/images2.jpg" align="middle" id="box2">
  </div>
  <script language="javascript">
  ImageRotate = Ext.extend(Ext.util.Observable, {
      constructor: function(oConfig){
         this.name = oConfig.name;
         this.listeners = oConfig.listeners;
         
         this.addEvents({
            "summon_new": true
         });
 
         this.elBox = Ext.get("box");
         this.elBox2 = Ext.get("box2");    
   
         this.elBox.on('click', function(e, t, o){          
            this.elBox.shift({
               opacity: .25, 
               duration: 1,
               easing: 'easeOut',
               x: this.elBox.getX() + 150,
               y: this.elBox.getY(),
               height: this.elBox.getHeight() * .50,
               width: this.elBox.getWidth() * .50
            });
         
            this.fireEvent("summon_new");
         }, this);
         
         ImageRotate.superclass.constructor.call(oConfig);  
         
         this.on("summon_new", function(){
            this.elBox2.shift({
               opacity: 1, 
               duration: 1,
               easing: 'easeIn',
               x: 200,
               y: this.elBox.getY(),
               height: 125,
               width: 125
            });
         });                
      }   
  });  
  
  Ext.onReady(function(){
      oImageRot = new ImageRotate({ name: 'image_test' });
  });   
  </script> 
</body>

function isDaylight() {

 

    // 2nd sunday of march

    oDate = new Date();

    var dstStartDate = new Date();

    dstStartDate.setMonth(2);

    dstStartDate.setDate(1);

    dstStartDate.setYear(2009);

    

    dateIdx = dstStartDate.getDay() ? 8 - dstStartDate.getDay() : 1;

    dstStartDate.setDate(dateIdx + 7);

 

    // first sunday of november

    var dstEndDate = new Date();

    dstEndDate.setMonth(10);

    dstEndDate.setDate(1);

    dstEndDate.setYear(2009);

    

    dateIdx = dstEndDate.getDay() ? 8 - dstEndDate.getDay() : 1;

    dstEndDate.setDate(dateIdx);

  

    if ((oDate.getMonth() > dstStartDate.getMonth()) && (oDate.getMonth() < dstEndDate.getMonth())) {

        bInDST = true;

    } else if (oDate.getMonth() == dstStartDate.getMonth()) {

        if (oDate.getDate() >= dstStartDate.getDate()) {

            bInDST = true;

        } else {

            bInDST = false;

        }

    } else if (oDate.getMonth() == dstEndDate.getMonth()) {

        if (oDate.getDate() < dstEndDate.getDate()) {

            bInDST = true;

        } else {

            bInDST = false;

        }

    } else {

        bInDST = false;

    }

    return bInDST;

}