HHWD Hiring ColdFusion Developers - Updated

WOW! What a year! Due to our expanding backlog of work, Honey House Web Designs is expanding our workforce. Update: We are looking for experienced CF coders, as well as subcontractors and Internet IT professionals.

If you are a Coldfusion developer who is proficient in

  • CF 8 or 9,
  • CFC beans and Data Objects,
  • CSS based designs,
  • Java
  • Server Management

If you are proficient in Flash/Flex, CFEclipse, FusionDebug, these are added bonus.

Candidates should live in the South East, (no relocation offered). Some telecommuting may be possible within a 150 mile radius in the beginning, but you must be an organized self-starter who can work without tons of oversight.

Please send your resume and project sample links to hhd - at - honeyhousedesigns.com (you know the schpeal).

Quick & Dirty: Using LightBox with Image maps

Lightbox technique is very cool way to view enlarged photos, details for text etc. I use Four Level's extension but didn't know if it would work in an image map situation.

It does. I set the lightbox up to link to a normal image, allowing the jquery and other scripts to be copied over to the website directory. Then I updated the image map to contain the reference code to the popup instead of the image.

In the example below, each area mapping has only a 'rel' added, and a ref for the photo to be shown. Quite simple.



<img src="../images/dbfloorplan.jpg" name="floorplan" width="600" height="370" border="0" usemap="#floorplanMap" relalt="" />

<map name="floorplanMap" id="floorplanMap">
<area shape="rect" coords="234,14,314,81" rel="lightbox[tour]" ref="../images/office/bob.jpg" title="Estimator's Office" />
<area shape="rect" coords="357,13,518,81" rel="lightbox[tour]" href="../images/office/elizabeth.jpg" title="Elizabeth's Office" />
<area shape="rect" coords="523,13,591,147"rel="lightbox[tour]" href="../images/office/deck.jpg" title="Trex Decking" />
:
<!--- and so forth --->
:
</map>

Building a Dynamic P7 Image Gallery

Project Seven has great products for increasing the pinache and functionality of any website. Their Image Gallery creates a slideshow of images in a 'filmstrip' type of gallery. When HHWD created this for Aiken's Makin's website, it was instantly a huge hit.

Another client, with a CF8 website wanted the same functionality with their home tour. But it needed to be able to pull photos from two locations and build the image gallery on the fly.

Here is how to do this (after you first buy IG from P7):
1) In the page to build the Image Gallery, first create a 'dummy' image gallery, by allowing the code to set up a gallery using 2-3 images of your choice. This lets the P7 base code and CSS to be set up.
2) Update the code as follows. Since I needed to be able to display image, description, and alt tags, I first built an array of structures containing the image information to be displayed.

(first thing: before creating your image gallery and customizing it set a variable rowpernum = the number of tnails per row)

Heres the code

The idea is to determine the number of thumbnails per row, know the ending tnail for the current row (and if it is at the end of the array/recordset -- variable i) and know the actual tnail number you are on (-- variable j)

"Button" tag vs. input type='button'

Although the tag has been around W3C for a while, Dreamweaver still creates buttons as "form buttons".


<input type="submit" name="button" id="button" value="Click Me">

The form input button creates generic browser buttons, and can be customized using css. However, an easier way to manage the styling of buttons on your site is to use the "button" tag.


<button type="button">Click Me!</button>

This allows a developer to create and use push buttons outside of FORMS in a manner that is better suited for site styling and flexibility.

BlogCFC was created by Raymond Camden. This blog is running version 5.9.1.002. Contact HHWD