How Using Social Meda Can Compromise the Security of Your Home : Infographic

Social Media Safety Infographic provided by CreditSesame.com an online credit and debt management company.

Set Focus and Blur CSS Class on Form Elements using jQuery

This code allows you to easily set the focus and blur CSS class on form elements using jQuery.

// Set focus and blur CSS class for the following fields and field types
$("input, textarea, select").addClass("idle");
$("input, textarea, select").focus(function(){
	$(this).addClass("activeField").removeClass("idle");
}).blur(function(){
	$(this).removeClass("activeField").addClass("idle");
});

Allow Radio Buttons to be Deselected with jQuery

This code is an easy way to allow radio buttons to be deselected using jQuery. So when a radio button is selected just click it again to deselect.

// Allow radio buttons to be deselected
var radioChecked;
$('input[type=radio]').bind('mousedown', function() {
	radioChecked = $(this).attr('checked');
});
$('input[type=radio]').bind('click', function() {
	if (radioChecked) {
		$(this).attr('checked', false);
	} else {
		$(this).attr('checked', true);
	}
});

Set Tab Index on Form Elements with jQuery

This code is an easy way to set the tab index of your form elements using jQuery.

// Set tab index on form elements
var tabindex = 1;
$("input, textarea, select").each(function(){
	if (this.type != "hidden") {
		var $input = $(this);
		$input.attr("tabindex", tabindex);
		tabindex++;
	}
});

The Evolution of the Geek

Cool infographic! See where you stand in the pantheon of Geekdom!

What is HTML5?

Here is an interesting Infographic about HTML5. It looks like IE is lagging behind...as usual. Why can't they just get it right like the other browsers? Opera, who has less than 3% market share can get it right. C'mon Microsoft! Get with it!

Portfolio

Here are some of the websites I have worked on more recently. They vary from LAMP systems to .NET systems.

Associations

• Chicago Auto Show - (2007, 2008)
• Electrical Contractors' Association
• Independent Cosmetic Manufacturers & Distributors
• Illinois Institute for Entrepreneurship Education
• Professionapalooza
• Skip Viragh Charities
• Skip Viragh Golf
• Stuart Weitzman Celebrity Auction

Construction

• Fence Center
• Online Fence Store

Dining & Entertainment

• Vienna Beef

Education

• Maria High School

Energy & Utilities

• Boland

Government & Politics

• United States Naval Institute

Healthcare

• Barrington Equipment
• Jones Medical Instrument Company

Insurance

• Educational & Institutional Insurance Adminstrators, Inc. (EIIA)
• EIIA Seminary Student Insurance Program
• EIIA Student Insurance Program
• EIIA Member Website

Manufacturing

• Archer Daniels Midland
• Deublin
• Illinois Capacitor, Inc.

Real Estate

• Area One Realtors
• Cresco Real Estate
• North Clybourn Group

Services & Products

• Arthur P. O'Hara, Inc.
• Barco Products
• Chix With Stix Knitting
• Communication Supply Corporation
• Dreamwear Shoppe
• Edward Fox Photography
• Fannie May
• Fricke Dental International, Inc.
• Frugal Nut & Candy
• International Distribution Network, H. Hoffman Inc.
• Iris Silks
• Kieffer Signs
• NovaSoy
• OSM Worldwide
• Paws & Remember
• Sievers Kennels
• Sternberg Lighting
• Tradewinds International, Inc.
• Wisconsin Lift Truck

Sweep The Leg

I loved this video when it came out and still do.

Sweep the leg Johnny. Do you have a problem with that?

Using CKEditor in ASP.NET

Maybe I'm missing something, but I'm not sure what the fuss is about using CKEditor 3.x in an ASP.NET application. You don't need any of the wrapper controls out there unless they provide specific functionality that CKEditor does not provide.

Here is all you really need to do to incorporate CKEditor 3.x into your ASP.NET application.

1. Read and follow the instructions on how to install the files for using CKEditor in the CKEditor 3.x - Developer's Guide.

2. Add this in the HEAD section of your HTML.

<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>

3. Add this to your FORM. Be sure to name the textbox control and the reference to that control in the Javascript as needed.

<asp:TextBox ID="editor1" runat="server" TextMode="MultiLine"
Rows="10" Columns="50"></asp:TextBox>
<script type="text/javascript">
//<![CDATA[
    CKEDITOR.replace('<%=editor1.ClientID %>');
//]]>
</script>

4. Read the Developers Guide on how to incorporate any customization.

5. To populate/save information from/to a database, reference the textbox by the name you gave it in #3 above in this way.

editor1.text

6. To have multiple editors on one page, repeat the steps above making sure to rename the control and Javascript reference.

That's it, pretty simple!

Internet Explorer AutoComplete - Remember Password

What do you do if you mistakenly click the "No" button when asked to remember a password in Internet Explorer, but wished you clicked "Yes"???

Basically all you have to do is delete the username from the form. You do this by double-clicking the username field. This will bring up a dropdown list showing all of your saved AutoComplete usernames. Move your mouse over the one you want to delete so that it is highlighted (DO NOT CLICK) then click the Delete key.

Type in the username and password. Now you should be prompted for Internet Explorer to remember your password.

Windows File Copy Dialog - The Truth!

Could this be any more true? The sad thing is that even if Microsoft fixes this problem no one will ever believe it is working.

Greybox with IE8

Greybox is nice to use having the modal window and all. I have found one problem so far when using IE8. It works good except when closing the Greybox. In IE8 (Browser Mode: IE8; Document Mode: IE8 Standards), the greybox does not close properly. It shrinks to a 100x100 square and positions itself in the upper left corner (0,0) of the browser window.

I have found by adding this meta tag directly on the page it now closes, though a little rough. Meaning, you still see the square get positioned, but it then closes fully a split second later.

<meta http-equiv="X-UA-Compatible" content="IE=7" />