Get the jar from sourceforge, then add it to your favorite Coldfusion class path.


<cfset oFile = CreateObject("java","java.io.FileReader") />
<cfset oFile.init(ExpandPath("some.csv")) />

<cfset oReader = CreateObject("java","au.com.bytecode.opencsv.CSVReader") />
<cfset oReader.init(oFile,",") />
<cfset arrCSV = oReader.readAll() />
<cfdump var="#aData#" />

First, get the app on iTunes. Next, show off your new diptych creations in the Diptic App Flickr pool. If you’ve questions, stop at the app’s website for instructions and FAQ. Get your friends to join in the fun and become a fan of Diptic on Facebook; while you’re at it you might as well become a fan of PeakSystems as well. Finally, if you’ve feedback or just want to sing our praises, then find us on Twitter.

YAY!

This is potentially a very convenient way to include a script regardless of SSL (http vs https), which will cause an alert or warning on computers with common settings. Unfortunately, this method does not work in Chrome. IE6 and FF3 will redirect to the appropriate full path with http(s). Chrome will assume the link is a relative local file, adding the prefix “file://”.

I assumed this was a typo, but the implementation guide is very deliberate in the “http” omission. I was surprised to find this works in some browsers and I wish it was a great revelation, however it is entirely impractical.

Array Search Prototype

Array.prototype.search = function(needle, from, strict)
{
   if(from == undefined || from >= this.length) from = 0;
   strict = strict == undefined ? false : strict;
   for(var a = from; a < this.length; a++)
   {
      if(this[a] == needle)
      {
         if(strict)
         {
            if(this[a].__proto__ == needle.__proto__)
            {
               return a;
            }
         } else {
            return a;
         }
      }
   }
   return -1;
};

Array Shuffle Prototype

Array.prototype.shuffle = function() {

   var myArray = new Array();
   for (i=0; i<this.length; i++) {
      var control = true;
      while (control) {
         j = int(random(this.length));
         if (myArray[j] == undefined) {
            myArray[j] = this[i];
            control = false;
         }
      }
   }
   return myArray;
};

Check out this menu.

<div>
<p>
<a>Home</a>
<a>Products</a>
<a>Services</a>
<a>About Us</a>
<a>Contact Us</a>
<span></span>
</p>
</div>

CSS:
p { width:776px; text-align:justify; }

p a { height:18px; padding:10px 20px; display:inline-block; }

p a span { display:inline-block; width:50%; }

Now I get a menu that spans the container with automatic spacing. With justified text the last line is not stretched. To force the single line to expand I added an element that is well beyond enough width to force a carriage return. Note that inline block only works in IE if the element is inline by default. In FF 2.0 inline-block is not supported, but can be cheated like so:
display: -moz-inline-block;
display: inline-block;

So… good luck!

Chroma Hash Demo

Correct me if I am wrong [andrew.hahn@peaksystems.com], but browsers do not store hidden form field data, only fields of input type “text”. My testing suggests that it does not.

So, the proposed hack is to create two forms. One form contains a dummy text field that will not be submit.

<form><input type="text" id="CCN_prop" /></form>

The second form will be actually submit. It will contain a hidden input and a submit button. When the submit button is pressed, javascript will update the hidden field (CCN) with the value from the dummy field (CCN_prop).
<form method="post" onsubmit="
    $('#CCN').val($('#CCN_prop').val());">
  <input type="hidden" name="CCN" id="CCN" />
  <input type="submit" />
</form>

CSS:
div {
width:380px;
height:80px;
padding: 15px 0 30px 0;
overflow-x:auto;
white-space:nowrap;
}

By default, img tags are display:inline, so you need only something like this:
<div>
  <img />
  <img />
  <img />
</div>

Backup “colors.xml” in the following folder.

Vista: C:\Users\<username>\AppData\Roaming\Adobe\Dreamweaver CS4\<language>\Configuration

Windows XP: C:\Documents and Settings\<username>\Application Data\Adobe\Dreamweaver CS4\<language>\Configuration

Mac OS X: Macintosh HD:<username>:Library:Application Support:Adobe:Dreamweaver CS4:<language>:Configuration

Then replace it with this: colors.rar. Should be ready to rock.

Oh, on a side note, the font Anonymous is great for coding, very easy to read. I like it on the smallest font size setting.

[\u0021-\u007E
|\u00A1-\u00FF
|\u2013-\u2030
|\u20AC]

This matches exclamation to tilde, inverted exclamation to lower “y” with umlauts, en dash to per thousand sign, and the euro symbol. I allowed a couple non-html 4/4.01 characters just to keep the pattern within reason. Now, I’m a CFer and the typical format of escaping “u” followed by the unicode hex does not work. What I was not sure of was whether or not I could create a range of characters with Coldfusion’s CHR() business. True enough. Check your local ascii table for more info on which specific characters you want to match. Here’s some code testing the method:

<cfoutput>
<cfset pattern = "[#CHR(33)#-#CHR(126)#
|#CHR(161)#-#CHR(255)#
|#CHR(8211)#-#CHR(8240)#
|#CHR(8364)#]" />

#IsValid("regext","@",pattern)#
#IsValid("regext","Ñ",pattern)#
#IsValid("regext","€",pattern)#
</cfoutput>


yes yes yes

PS, sorry about how narrow the content section is; Some code won’t work because I added line breaks.