As those of you who were at last night's meeting know, I am now the co-manager of OCCFUG. I am pretty excited about this opportunity to help out with some of the administrative things that go into keeping the group going. I love going to the meetings and hope the group continues to grow.
Several people asked for the slides from my presentation last night, so I have attached them to this post. (click the download link below)
At the Orange County ColdFusion Users Group (www.occfug.org) meeting tonight, I will be presenting an overview on all the AJAX related features in ColdFusion 8. Then I will be going into detail on some of my favorite features and offer some tips on how to dig into the underlying Ext objects to find the solutions you need when your application requires more customized functionality than the default behaviors that were implemented in CF8.
So if you're in the Orange County area, come to Traveland USA tonight at 6:30 pm and join us.
Aaron Longnion asked if I could modify the email validation on my blog to allow the + character in email addresses. Apparently in gmail you can add +anything to your email address (after the username and before the @ character) and it will still arrive in your account. This helps people organize emails that come from filling out online forms, or signing up for newsletters, or commenting on blogs or whatever. I went ahead and modified the isEmail function that BlogCFC uses to accommodate this, and then thought I would share it with the world just in case someone asks you fix your blog too.
A while back I blogged about a div layer positioning glitch that occurs in IE when you position a cfinput datefield above a cflayout or cfdiv generated div layer. This problem seems to be cause by the fact that in IE, a relative positioned element influences the stacking order of it's child-elements, which violates the CSS specification, but who really needs standards anyways right?
Well, I figured out a way to workaround it, and it's really stupid that I didn't think of it before. I kept trying (unsuccessfully) to write a JavaScript function that would find the layers and reposition them after the page loaded, when finally a light bulb went on in my head, and I came up with a much simpler solution.
In a comment on a previous post I wrote about Enhancing CFWindow with JavaScript, Ebenezer asked the question:
Below is an example of how to remove the toolbar and borders from the cfwindow and display the large image when you rollover the thumbnail.
I would like to begin with the statement that I am not against the use of frameworks, if they work for you, that's great. However, I do get the feeling that there are people out there that think less of programmers that don't use frameworks. Admittedly, there are probably a significant number of ColdFusion programmers out there that don't use frameworks because perhaps they don't grasp the architecture of the framework, or they get scared off by all the big words that framework enthusiasts are so fond of, or they are just never have time to do the research to find out what the frameworks have to offer.
In a comment on a previous post I wrote about Enhancing CFWindow with JavaScript, Nathan asked the question:
The answer is to use the Ext.BasicDialog.center() function, then get the windows Ext.Element object using the Ext.BasicDialog.getEl() function. The Ext.Element object has the getX() and getY() methods, which will give you access to the windows X and Y coordinates. You can use those, in combination with the Ext.BasicDialog.moveTo() function, to move the window to your desired position relative to the center.
At last nights Orange County ColdFusion Users Group meeting (occfug.org) I presented on the topic of integrating the Google Maps API into a ColdFusion application. I made a custom tag for the presentation that generates a Google API powered map, and I am posting it here for all the people that wanted access to the source code.
Michael Asked:
As a matter of fact, the Ext.BasicDialog object that powers the CFWindow tag does have a "collapsible" configuration option. However, Adobe did not add that as an attribute in the CF8 implementation of CFWindow. They currently have it hard-coded so that all CFWindow generated dialogs are set to "collapsible:false". Hopefully they will add a collapsible attribute to the CFWindow tag in some future release, but until then, adding the Minimize/Maximize button onto the CFWindow tool bar is a fairly painless job with the snippet of JavaScript that you can find below.
I was working on a project the other day that was using CFGrid to manage some data and there was a button on each row to perform a certain action. However, we didn't want the background color of a row to change when the user clicks on a row or on the button. I created this little javascript that adds a listener to the "beforerowselect" event in the underlying Ext.grid's Row Selection Model and cancels any row selections, preventing the row from being highlighted.
