Stephen Lloyd
Web and Database Developer - Intermediate

1. Open Adobe Media Encoder CS4
2. Drag video from desktop to Media Encoder window
3. Click Start Queue to convert to .flv
4. Copy/Paste code from one of the below files and update filename and window sizes accordingly.

• www.callison.com/video/CallisonTour_EnsoDesign.cfm
  www.callison.com/video/CallisonTour_EnsoSeattleWA.cfm
  www.callison.com/video/CallisonTour_EnsoSustainableMaterials.cfm

• HDThread.cfm

• docs.jquery.com/Tutorials:Basic_Show_and_Hide
• www.learningjquery.com/2007/03/accordion-madness
• www.mredesign.com/demos/jquery-effects-1/

Test Page: indev.callison.com/projinfo/sustainability/index.cfm?section=sustainability&subsection=toolkitj

$(document).ready(function(){
      $('tr.rowheader > td > p').hide();
});

Hide the paragraph inside the TD inside the TR with a class of rowheader.

• Cycle(): slide show a series of div's   www.callison.com/careers/index.cfm?display=outreach

• With Time
  To get the time to show up, include the following in the head:
  <script language="javascript">
        xcDateFormat="mm/dd/yyyy hr:mi am";
        xcMods[9].order=1;
        xcFootTagSwitch=[0, 0, 0, 0, 0, 0, 0, 0];
  </script>
• Without Time

Calendar icon
<img src="/image/but.calendar.gif" width=15 height=15 border=0 align="bottom">

New projects should be set up with the new CSIFormat (database value = 1). Thad: Can you go through the list and for the newer projects, ask the AA's to convert the project to the new format?

• Displays employees who have departed since September 8th, 2008.
• Displays employees who have been hired since September 8th, 2008.
• Right Joins
• Employees with hire date after May 1, 2008, excluding terminated interns, ordered by hiredate.

• HDcompleted.cfm

• Sustainability Toolkit - 6 sections open and close with More... and Less... Buttons are outside show area. Opening one closes all the others.
• 5 Strategies For Retail Success - 5 sections open and close with img bar having three states. Show area replaces butons. Opening one closes all the others.
• In Project Web - line 83, checks for browser, function accepts div name
  

• Principal Announcement February 2009
• 5 Strategies For Retail Success January 2009
• AP/Director Announcement December 2008
  

• Class Registration example
  Required form objects:
  text field, e-mail address, drop-down, radio buttons, multi-select, checkbox
• Javascript Examples/Tutorial
• Cold Fusion Hidden Form Fields

• Adobe Live docs
  • example, example2
• Something to watch out for
• Strips out <script> code in bound file
• You Tube Intro

• How To Clear Floats Without Structural Markup
• The Float Model Problem
• The IE6 Three Pixel Text-Jog
• The Box Model Problem
• Box Model Diagram 1, Box Model Diagram 2
• CSS Properties

#container{
    margin: auto; /*the auto margins (in conjunction with a width) center the page */
    width: 940px;
}

The example given in the pdf of the home page redesign has both the Project Profile and the Under Construction sections as the same height. I did find a good example of how to keep both sections the same height as the images dynamically change.

<Code> (opens a cfwindow)(broken on CrystalTech their version of CF doesn't know what cfwindow is)

However, when the sections are CFDIV / bind, rather than cfinclude, the javascript breaks and it doesn't work.

• http://indev.callison.com/homePageRedesignFall2008/index.cfm

A related experiment where I asked the browser what the height of the div was. If the height is set in the style attribute, it returns a value, but even so, if the div expands, you still only get the original value.

• http://indev.callison.com/zz_codeexamples/slloyd/divH.cfm

The example given in the pdf of the home page redesign has both the Project Profile and the Under Construction images the same sizes, and they are short and squatty. So, here is an example of using cfimage to crop a photo automatically. It does make a copy of the cropped image and put it on the server.

• http://indev.callison.com/zz_codeexamples/slloyd/crop.cfm

To keep the formatting of the initial thumbnail page, only show the landscape oriented images. Uses a cfc and passes in the name of the project (name of the folder). The cfc uses a cfdirectory to get image names, then picks a random image and uses cfimage to get the width and height properties. If the width is less than the height, pick another image. Developed assuming Jonna would be more concerned with layout. Ended up not using it.

• http://indev.callison.com/zz_codeexamples/slloyd/onlywideimage
• http://indev.callison.com/zz_codeexamples/slloyd/onlywideimage_numbers

I don't remember why I did this.

• http://indev.callison.com/zz_codeexamples/slloyd/IssuedByReport.cfm

With a resultset of data (in this case, an array) divide the total number of records in two and assign to variable. Loop through 1 to the variable in the first column, the variable plus one to the end of the recordset for column 2.

• http://indev.callison.com/zz_codeexamples/slloyd/dsp_2columns.cfm