Sold on ColdFusion Builder

I learned coding on Homesite and no program has been able to pry it out of my hands over the last decade -- until now. I've been using the new Coldfusion Builder for the last couple hours and I'm sold.

I really like the search/replace functions of Homesite. I'm not sure Coldfusion Builder provides the same functionality. Beyond that, I find Builder to be easy and enjoyable to use.


Thickbox Update

Thickbox 3.1 breaks with the latest versions of JQuery. I'm writing this post to have the fix handy when I come across this again.

After a bit of searching around I found out that what's needed is on line 79 of the existing thickbox file you need to change the line

Existing Thickbox Code
  1. TB_TempArray = $("a[@rel="+imageGroup+"]").get();

to not include the @ sign in it ie.

New Thickbox Code
  1. TB_TempArray = $("a[rel="+imageGroup+"]").get();


Pesky IE float issue

Every once in a while I have an IE issue where a floated div will break out of its containing div.

Here is the solution from: http://netweaver.com.au/floatHouse/

Briefly:

Use overflow: hidden or overflow: auto on the parent container.

Probably the safest is to stick in a non floated child with a style="clear:both;" on it after the floats. That makes the parent sit up and listen even for IE6. I say safest because I have seen occasional situations in IE6 where the parent does not grow height naturally for its floated children and it will not be forced to do so by overflow instruction.

Security utilities

http://content.zdnet.com/2346-12691_22-95490.html

How to hack on Google Maps

Unobfuscating Google Maps javascript isn't that hard. First, I copied two of Google's scripts to my server. You need the first one they have you link to, and also the script that the first one loads (this is the one in the upper-right box on Mapki). Using my text editor, I added line breaks to both after semicolons and end-braces. The first script isn't actually obfuscated, just minified, and it's not that long, so I actually went on to format the whole thing. Once I could read the first script, I only had to make two changes to it in order for both scripts to work from my server: I had to tweak the call to the second script from the first so it pointed to my version (in GLoadMapsScript at the bottom), and I had to comment out the key validation check (in GLoad). Then I linked to my version of the first script from my HTML page, and it worked like normal! Blam.

With Google's scripts under the reigns, Firebug's debugger made it trivial to isolate the function I wanted. I triggered a call to the function in a third script, and placed Firebug's special debugger keyword before the function call. That gave me a runtime debugger with which to simply step into Google's function. And with the script on my own server, I could then isolate the function in my text editor, format it, and poke it until it made sense.

http://javascript.about.com/library/blformat.htm

Highslide JS - Javascript thumbnail viewer

I'm pretty dedicated to jquery, but I would consider using this slick javascript viewer in a future project.

http://vikjavev.no/highslide/

Google Map API Tutorial

Here is a Google Maps tutorial that I have found very helpful over the last couple years:

http://econym.googlepages.com/index.htm

Remote scripting with hidden Frames

Ajax is a nice feature, for instance when only some part of a page must be changed, one can populate some internal DIV instead of reloading the entire page.

One solution is not to use Ajax. Use the "Remote scripting with hidden Frames" instead.

In your main template ------------------------ 1. add an iframe in your main page, that will not display ie:

2. target every link that will call a sub-page to the hidden iframe, ie:

3. have some empty DIV that will receive the content for all sub pages:

4. just have this script in your main template: