One such feature the was missed but now supported is the vCalendar support in Thunderbird. For some time I’ve had a hard time coordinating with the people in my company since the meetings are always done using the vCalendar. They even though I’m not interested in intending those scheduled events since I don’t reply to them. How could I? I couldn’t easy read the raw vCalendar format and reply to them. Installing Lightning in Thunderbird will enable you to read vCalendar format.  It will a calendar application that is useful in tracking events.

Here are the steps:

1. Download the plug-in from https://addons.mozilla.org/en-US/thunderbird/addon/2313
2. On Thunderbird go to Tools->Add-ons.
3. This will open a new dialog. Click on install.
4. Locate the downloaded xpi file and click open. Make sure you selected the file type to display all types.
5. Restart Thunderbird. You’ll then be able to view vCalendar’s and either opt to attend, not attend, or confirm later.

Reference: http://blog.andrewbeacock.com/2007/07/viewing-outlook-vcalendar-meeting.html

Easy to integrate. All you need is to link the javascript and css files in your html and include the following lines on your Flash ActionScript.

on(release) {
    getURL("javascript:flashLightbox('path/to/imagejpg','Your Caption');");
}

 
You will need to add a wmode parameter when embedding the Flash media so that it won’t display on top of the Lightbox. For some reason though this doesn’t work on Firefox in Ubuntu.

<object type="application/x-shockwave-flash" 
           data="myMovie.swf" 
           width="400" 
           height="400">
    <param name="movie" value="myMovie.swf" />
 
    <!-- Your MUST add the 'wmode' paramater or your flash will appear
         over top of your lightbox images! -->
 
    <param name="wmode" value="transparent" />
</object>

Flash Light Box Demo

Click the link above to see the demo.

At first glance it seems as if they are asking for something that could take months to develop. However, it’s actually simple enough that could be done by patching one component from another. Done with one cup of coffee.

Flash supports HTML. But don’t get too excited. Flash only supports some basic tags. All you need then is to be able to push data to it. You could do this with several methods. One would be using LoadVars. Another one is the good old FlashVars and lastly through XML.

With this example we’re using LoadVars. Below are the only lines of codes you need to do a simple CMS.

// Simple just declare a text area contains an HTML markup
_root.content.html = true;
 
// Load the content
var contentVars = new LoadVars();
contentVars.onLoad = function(ok) {
  if (ok) {
    _root.content.htmlText = contentVars.flash_content;
  }
};
// load the file (use .php extension to avoid browsers from caching the content)
// no worries cause the content is encoded and no php script
// could be executed with this process
contentVars.load("flash_content.php");
 
// this is just to keep flash from running away
stop();

You might wonder why not just use Flash XML feature instead of LoadVars. Well that could be done also. It’s just what I felt doing at the time. Also since I was using php as my file extension XML might not be the right choice as it exposes some security holes.

Next step is the What-You-See-Is-What-You-Get editor (WYSIWYG). There are lots available in the net. For this example I used TinyMCE. You would need to configure or do some hack to make the editor only use the tags supported by Flash. List of supported tags could be found in http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14808.

Once you get that done next step is to push the content of the editor to Flash. This is where PHP plays its role. Of course you could use other server side scripting in place of it.

The result would be something like this (Flash CMS sample). Go ahead and try it. You may also download the source files to modify and maybe improve it.

Integers:

$dirty_data = 'You\'re now 26 years old';
$clean_integer = ereg_replace("[^0-9]", "", $dirty_data);
// $clean_integer = '26';

Decimals:

$dirty_data = 'Sale price : $12.45';
$clean_dec =  ereg_replace("[^0-9.]", "", $dirty_data);
// $clean_dec = '12.45';

This would also do good on prefomating a phone number if you only want numbers but your users adds dashes or spaces in between.

Using INSERT statement combined with the SELECT statement you could actually add records from one table to another table. Adding a WHERE clause could enable you to filter the records to copy. Below is the syntax.

INSERT INTO table_destination SELECT * FROM table_source [WHERE condition];

However this generic statement only works if the two tables have the same order of columns and has compatible data types. If that is not the case you would need to specify the columns like the following syntax:

INSERT INTO table_destination (column_1, column_2, column_3)
SELECT column_1, column_2, column_3 FROM table_source [WHERE condition];

You’re probably wondering why the following query doesn’t  work on some mySQL databases

SELECT * FROM table1 WHERE NOT id IN (1, 2, 3)
works on mySQL v5.0.51a
doesn’t work on mySQL v4.1.21

Solution:

The reason is that the query would confuse the older version what to evaluate by NOT.

This query generally works.

SELECT * FROM table1 WHERE NOT (id IN (1, 2, 3))
works on mySQL v5.0.51a
works on mySQL v4.1.21

This is basically just specifying what should value should be evaluated by NOT.

There are basically three parts you need to be concerned about when generating an RSS v1.0:

• The RSS related data
• The feeds
• The search information

RSS related data

These will be the data that are specific to the whole feed or to the website. These would include the following:

• title
• link
• description
• image

Feed Items

These will be items you would want to put on the RSS Feed. Each Item would include the following:

• title of the article, news, or any other item depending on the use.
• description or summary
• link to the item page on your website

Search information (optional)

Some RSS readers supports search feature for RSS items. You could utilize this by setting up a search script on your host. This would need the following information:

• URL of the search script
• title
• description
• parameter name of the search string variable

See demo here (sample_rss_v1.0).

Attached is a simple template that could be used in any application. Like most of my sample template, all the data are hardcoded. They could easily be replaced with data coming from different sources like a database or a scraped html content.

Specified header might not be needed but the following could be used:

header("Content-Type: application/xml; charset=ISO-8859-1");

I’m Planning to post another using RSS v2.0.

Attachments:

sample_rss_v1.0.zip

Reference:

http://en.wikipedia.org/wiki/RSS_(file_format)#RSS_1.0

This is the first of many sample templates that I’ll be posting here. I usually just browse through the web to find templates / sample scripts for different web technologies but sometimes good articles disappear and could never be found. Most of the time clients will ask for added features like RSS feeds, integration to payment gateway, email form, etc. The problem is that is no script available to use that is easy enough to modify.

My plan here is to have a repository of simple scripts that could easily be copied and pasted to anywhere. I usually put the code part first and the template part next, so expect it on most of the sample scripts posted here.

I’ve been using Ubuntu in quite a while. I missed the windows tiling capability that is available in Windoze OS. This doesn’t come easy in Ubuntu. You would have to download a deb package from http://freshmeat.net/projects/wmtile/ or http://ostatic.com/wmtile and install tile into your system. It’s a command line tool that allows tilling of all unmaximized and unminimized X windows either vertically or horizontally. A simple command used in Ubuntu would be similar to this:

tile -w

Just create a launcher somewhere that is easily accessible and you’re good to go.

Not quite yet! This doesn’t work well in Ubuntu with the default X window manager, Metacity, yet. It keeps on tilling all the wrong X windows. Even the panel is being tiled.

In Ubuntu tile stores its settings in two files found in /usr/share/tile/. The “rc” file would be the one important for our discussion. This file stores the X windows to be avoided by the tile program. To exclude certain X window, include codes similar to this:

avoid WM_NAME Bottom Panel
avoid WM_NAME Desktop
avoid WM_NAME gkrellm
avoid WM_NAME gbuffy
avoid WM_CLASS FrontPanel

However, I have no idea how to get this informations. I hated this as tile command messes up my desktop. It moves around my top panel and Avant Window Navigator which is a huge deal cause this renders the tile command useless.

Solution:

After plunging into the net for about two days I finally got what I’ve been looking for, a way to get WM_NAME and/or WM_CLASS. Just run the following code into your terminal:

xprop | grep -E “^(WM_NAME)|(WM_WINDOW_ROLE)|(WM_CLASS)”

Your cursor would change into a cross hair. Click on any window/object on your screen and voila! You’ll be able to see WM_NAME and/or WM_CLASS on your terminal. I got the following for my top panel and Avant Window Navigator:

avoid WM_NAME Top Expanded Edge Panel
avoid WM_NAME avant-window-navigator
avoid WM_NAME awn_elements

Screenshots:

Solution:
The solution to this problem can be found at kb.adobe.com. You first need to uninstall the Flash Player that’s already in the system. You would find the uninstaller here. After that is done just download and install the older version archived here.

Note:
This appear to work with IE but not with Firefox. For Firefox users there is an even more convenient way. There is an add-on called Flash Switcher available at sephiroth.it.

ArgumentError: Error #2015: Invalid BitmapData.

This will work:
var ValidBitmapData:BitmapData = new BitmapData(2880, 2880);

This won’t:
var InvalidBitmapData:BitmapData = new BitmapData(3000, 3000);

According to www.adobe.com:
The maximum dimensions of a bitmap in Flash Player is limited to 2880 pixels in either direction (width or height). If you attempt to create a BitmapData instance that is larger than this restriction, the Bitmap will not be created. This limit is in place to keep people from creating Flash movies that gobble up the client’s RAM. A bitmap that is 2880 x 2880 pixels, will use roughly 32MB of RAM.

This restriction becomes more and more useless as computer hardware becomes more and more capable.

Solution:
The trick is to “kidnap” a BitmapData object from a loaded image with dimension over the limit of 2880 pixels (Which flash allows. Huh! Yes Flash can actually handle bitmaps larger the the limit. It just doesn’t let you create one.).

It’s simple. Create a dummy image with the dimension you need. Save it and make it accessible to Flash. Dynamically load it using ActionScript. And take the loader object’s BitmapData object. That’s why I termed it “kidnap”. We are actually just taking the child of the parent object(loader object), which is the BitmapData, and use it like we build it ourselves.

—
// 1. Create an image loader and
var DummyImageLoader:Loader = new Loader;

// 2. Assign a function to “kidnap” the BitmapData object
DummyImageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, DummyImageOnComplete);

// 3. Load the image with the preferred dimension
var DummyImageRequest:URLRequest = new URLRequest(“dummy_image.jpg”);
DummyImageLoader.load(DummyImageRequest);

function DummyImageOnComplete(evt:Event):void
{
var DummyImageBitmap = Bitmap(DummyImageLoader.content);
// “kidnap” the BitmapData object
var ValidBitmapData:BitmapData = DummyImageBitmap.bitmapData;

// you can now use ValidBitmapData to draw any element larger than 2880×2880
}
—

This will then allow you to use ValidBitmapData as you would have when you used this line:

var InvalidBitmapData:BitmapData = new BitmapData(3000, 3000);

Only this time it works.

Files: bitmapdata_workaround.zip

Source:
Original Solution (I believe nobody have used this workaround before.)

Note:
If the required BitmapData dimension varies too often you could generate the image dynamically. In our site we used a PHP script utilizing GD library to create the dummy images. Calling the script like this: dummy_jpeg.php?w=3000&h=3000 where w is the width and h the hieght in pixels.