Site of the Day 8/17/2010

Another crazy language from the W3C 🙂

http://news.cnet.com/8301-30685_3-20014967-264.html?tag=topStories2

Site of the Day 6/23/2010

15 Great jQuery Plugins For Better Table Manipulation
 http://www.webdesignbooth.com/15-great-jquery-plugins-for-better-table-manipulation/

Site of the Day 5/27/2010

I’m glad I found this link when I was sitting down. 🙂

http://www.jsmag.com/

Site of the Day 5/26/2010

Here is a site concerning PaperVision3D.

http://blog.papervision3d.org/

Site of the Day 5/25/2010

James Ward has a page which will see if your page is Flex instead of Flash.

http://www.jamesward.com/is_it_flex/

How to do a type ahead for a select tag

I thought I would put some code here on how to do a type ahead for a select tag (select-one) using JavaScript.
*** WordPress made my “8” as a smiley face, so just replace it.

1.) Add these 2 event handlers to a given select tag.

onblur=”_dw_select_typeAhead_clear(); ”
onkeydown=”_dw_select_typeAhead(); ”

2.) Add this global variable to keep the status of the type ahead.

// global storage object for type-ahead info, including reset() method
var taInfo = {
last:0,
charsTyped:”,
chars_keyCode:”,
delay:1000,
timeout:null,
reset:function() { this.last=0; this.charsTyped=”;  }
};

3.) Add this function to initialize some global variables at the onchange event handler.

// ===============================
// clear variables for type ahead
//  ===============================

function _dw_select_typeAhead_clear() {

taInfo.charsTyped = ”; taInfo.last = 0;
} // end of type ahead clear…

4.) Add this function to show the location were the user is as they type the characters.

// =====================================
// type ahead for select drop down
// =====================================
function _dw_select_typeAhead() {

  var v_len = 0; var v_len1 = 0; var v_event = window.event;
  var txt; var charCode; var val;
  charCode = v_event.keyCode;

// escape key will clear the type ahead buffer and allow the user to start over
  if (charCode == 27) {
   _dw_select_typeAhead_clear(); // clear
 _dw_select_typeAhead_startover(); // options[0]
   v_event.returnValue = false; return true;
  }
  if (v_event && !v_event.ctrlKey && (v_event.keyCode > 19 || v_event.keyCode == 8 ) ) {
     var now = new Date();
     if (taInfo.charsTyped == ” || taInfo.charsTyped != ”) {
        var ddl = v_event.srcElement;
        taInfo.last = now;
     // correct for NumPad digits
     if ( charCode >= 96 && charCode <=105 ) { charCode = charCode – 48;   }
     if ( charCode > 127 ) { charCode = charCode – 144; }
     if ( charCode == 8 ) {
        v_len1 = taInfo.charsTyped.length – 1;
        taInfo.charsTyped = taInfo.charsTyped.substr(0,v_len1);
     } else {
           taInfo.charsTyped += String.fromCharCode(charCode).toUpperCase();
     }

window.status = taInfo.charsTyped;
  ddl.title = taInfo.charsTyped;
     v_len = ddl.options.length-1;
        for (var i=0; i < v_len; i++) {
         txt = ddl.options[i].text.toUpperCase();
      val = ddl.options[i].value.toUpperCase();
            if ( txt.indexOf(taInfo.charsTyped) == 0 && val != “” ) {
            ddl.selectedIndex = i;
         break;
         } // if dd1
      } // for_i
      } // if taInfo
      v_event.returnValue = false;
      return true;
  } // if v_event

  return true;
} // end of select type ahead….

5.) I’ve added the capability to clear all of your typed characters by use of the Escape Key.

// =====================================
// escape key : clear type ahead character
// =====================================
function _dw_select_typeAhead_startover() {
 
var v_event = window.event;
var ddl = v_event.srcElement;
ddl.options[0].selected = true;
window.status = ”;  ddl.title = ”;  
} // end of type ahead start over….

Site of the Day 5/24/2010

Flex on Google Android in Flash Player and AIR

http://www.jamesward.com/2010/05/21/flex-on-android-in-flash-player-and-air/

Site of the Day 5/23/2010

Here is a good site from the University of Stanford Security Lab.

http://seclab.stanford.edu/

Site of the Day 5/22/2010

Here is an article in creating an ActionScript debugger.

http://labs.flexperiments.nl/asdebugger/

Site of the Day 5/21/2010

Here is a good article how to do a type ahead for a combobox in Flex.

http://labs.flexperiments.nl/alternative-combobox-for-flex/

Site of the Day 5/20/2010

Here is a good site for a Adobe Flex Tree (open-sourced).

http://labs.flexperiments.nl/flptree-2-0-better-faster-open-source/

Site of the Day 5/19/2010

This is a great site using CSS for Adobe Flex. The guy is correct that CSS is implemented terribly in Flex. Didn’t they think about how CSS works in a web page and just copy that idea???

http://fcss.flashartofwar.com/

Site of the Day 5/18/2010

The articles from Yakov Fain about Adobe Flex are excellent.

http://flexblog.faratasystems.com/author/yakov

Site of the Day 5/17/2010

Here is a good article about Google TV. I want one now 🙂

http://www.wired.com/gadgetlab/2010/05/google-introduces-google-tv/

Site of the Day 5/16/2010

Here is a good product to create wireframes for Adobe Flex.

http://www.balsamiq.com/blog

Site of the Day 5/15/2010

Here is a good article about the detail of the Flex Tree Control.

http://vipuljhawar.wordpress.com/2008/03/28/creating-a-dynamic-tree-in-flex/

Site of the Day 5/14/2010

Everything you wanted to know about Ajax and were afraid to ask.

http://ajaxian.com/

Site of the Day 5/13/2010

Here is a great site for CSS novices and gurus.

http://cssbeauty.com/

Site of the Day 5/12/2010

Here is a great demo using an Open Source Java facial recognition software (jar) with ColdFusion.

http://cfsilence.com/blog/client/index.cfm/2010/1/21/Facial-Recognition-in-14-Lines-Of-ColdFusion

Site of the Day 5/11/2010

I like this demo from Raymond Camden’s site about how to create images from a URL. This means I could create snapshots of my application for training purposes.

http://www.coldfusionjedi.com/index.cfm/2007/6/13/ColdFusion-8-URL-Thumbnails

Site of the Day 5/10/2010

I fell upon this site from a link about creating music notes from JavaScript. It very cool 🙂

http://0xfe.blogspot.com/

Site of the Day 5/9/2010

I’m listening to a video for MIX09 concerning UX Design Patterns.

http://videos.visitmix.com/MIX09/T30F

Site of the Day 5/8/2010

Since, I have some more MIX sites, I’ll added them for the next couple day.

http://live.visitmix.com/

Site of the Day 5/7/2010

Someone sent me a link to a specific JavaScript topic for Microsoft MIX09, so here is the link for MIX09.

http://videos.visitmix.com/MIX09/

Site of the Day 5/6/2010

Here is a blog for IE. It is showing their progress with IE 9.

http://blogs.msdn.com/ie/default.aspx

Site of the Day 5/5/2010

Here is nice little tip concerning ColdFusion and PING.

http://cfsearching.blogspot.com/2010/05/ping-with-coldfusion-and-net.html

Site of the Day 5/4/2010

Here is a very good site from the Performance Evangelist for Google. I will start to add a site of the day to get myself to share some more 🙂

http://stevesouders.com/

Social Media

Why

How I use Social Media: Part 1–Twitter
How I use Social Media: Part 2–Facebook
How I use Social Media: Part 3–Blogging
How I use Social Media: Part 4–LinkedIn

LinkedIn

Twitter

Facebook

HTML

Here are some links concerning HTML concepts.

Cheat Sheets
Cheat Sheets
HTML 5
WebMonkey
 

Color
DevGuru HTML Colors
HTML Color codes
Colors on the Web

Color Theory
Color Theory
Wiki Color Theory
Color Symbolism and Psychology
Color Mixing

General Web Concepts

I will add general web concepts to this post.

Design Patterns
Design Considerations: Naming Conventions
Why software sucks
(And what to do about it)

Designing web sites

Flex 3 : Taking a snapshot of a component.

Even though, Flex doesn’t do printing that well, it can take a snapshot of a component.

Taking screenshots in Flex 3 using the ImageSnapshot.captureImage() method

<mx:Script>
<![CDATA[

// needed imports
import flash.net.FileReference;
import mx.graphics.codec.*;
import mx.graphics.ImageSnapshot;

// save PNG chart to user PC.
private function saveChart(source:IBitmapDrawable):void {

//var image:ImageSnapshot = ImageSnapshot.captureImage(idchartgrid, 300, new PNGEncoder());
var image:ImageSnapshot = ImageSnapshot.captureImage(source);
var file:FileReference = new FileReference();
file.save(image.data, “chart.png”);
} // end of savechart….

]]>
</mx:Script>

<mx:Panel id=”idchartgrid” width=”940″ height=”550″ title=”A9 Summary Chart”
horizontalScrollPolicy=”off” verticalScrollPolicy=”off” toolTip=”A9 Summary Chart” >

<mx:HBox id=”idIMAGE3″ >
<mx:Image source=”../../images/chart_bar.gif”
toolTip=”Create Chart” buttonMode=”true”
click=”saveChart(idchartgrid); ” />
<mx:Label text=”Create Chart” />

</mx:HBox>

<mx:ColumnChart id=”mychart” dataProvider=”{chart1}”
secondDataProvider=”{chart2}”
axisTitleStyleName=”axisTitleStyle”
showDataTips=”true” dataTipMode=”multiple” mouseSensitivity=”200″
height=”350″ width=”800″ >

General Math and Science information

I guess I’ll put some math and science and maybe other non-computer links in this section.

Intuitive explanations
Better Explained

cfmx 8 tips/tricks

Here is a list of new cfmx 8 tips, trick and problems in CFMX 8.

TIPS

TRICKS

PROBLEMS

ColdFusion createObject “Component” and Pathing Performance

Good References
RIA Forge
CFLIB

Interesting ideas using Adobe Flex

This is the place I’m going to put interesting examples of Adobe Flex which don’t fall in the other categories.

Great Flex site

Ribbit – Voice enable Flex/AIR applications
Flex Paint 2.0 with Source Code
Universal Mind
Web App Solutions (WASI)
Flex Ramblings blog

Different Data Visualization techniques

Text to Speech
Preparing for Multi-touch in Flash – A Primer

Some Cool Apps from Adobe Solution Providers

ActionScript tutorials

I’m going to put my ActionScript tutorials on this post.

ActionScript org

Flex 3D frameworks and components

I will place my 3d frameworks and components in this post.

Future of Flex 3D
Open Flux
Open Flux demos and Flex 4
Flash 3D
PaperVision tutorials
Away 3D
Drag and Drop Video

Spring Graph
Flex Data Visualization I
Flex Data Visualization II
Spring Graph
Mark Sheperd blog

Flex Dashboards

I’m going to put my Flex Dashboard links in this location.

Flex Dashboard Builder
Dashboard
Dashboard – with tabs and windows
Spreadsheet / OLAP builder
Source Code – Spreadsheet / OLAP builder

Flex development tools

I’m going to list various Flex tools to make your application better.

Similar to Firebug (fxspy)
Six Tools for Flex and AS3 Development

Hello world!

This is my first blog entry. I will be putting my thoughts on various languages which I work on during my day hours. This blog will be used for putting my tips and tricks I like as I browse the internet.