If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

You might want to change the default cursor of an html element to hand. For example, an img element, something like this:

This works well in IE, but in Firefox, it has no effect. The correct css style should be:

It works both in IE and Firefox.

ColorPic is a free tool provided by IconIco. It can be used to pick any color from screen. ColorPic show colors in hex and decimal. To grab a color, just select ColorPic window and then click Ctrl + G, to cancel the grab, just press Ctrl + G again. We can also adjust color with four advanced color mixers. In addition, ColorPic has a magnifier which make it possible to pick color on a high resolution monitor.

The following are some tips of using the ColorPic provided by IconIco:

For more information, take a look at here.

LogoYes allows you to create a professional, custom logo for a fraction of the cost and time of traditional methods. Choose from over 20,000 unique symbols and a wide variety of fonts, colors and layout options. Thanks to an easy point & click process, you can create the perfect logo in no time.

The LogoYes process even includes a free Image CalculatorTM to help you pinpoint the best look and feel for your company’s image. In just minutes you can have your new logo on your desktop, ready for a multitude of marketing materials and your website — for a fraction of the cost of traditional methods.

Since your logo is often your customer’s first impression of your company, your logo should clearly and dynamically present your business. Don’t settle for something half-baked just because it’s low-priced. With LogoYes, you can afford a professional-quality logo, one that’s just right for you and your business, and you won’t have to sacrifice quality for affordability. No design experience is necessary.

Get a Madison Avenue quality logo on a Main Street budget with LogoYes. Our easy point & click process is based on the same basic process top design firms use, and our library of unique symbols were designed by award-winning graphic designers specifically for use in logo creation. Choose from tons of fonts, color and layout options as well. Essentially, the LogoYes logo maker combines professional graphic design expertise with the best source of information about your business and industry — you. No design experience is necessary.

Unlike logo maker software, you don’t have to download a thing or learn a new program. And you won’t be saddled with low-quality artwork or a limited, “cookie cutter” process. The award-winning team of graphic designers at LogoYes has created a library of over 20,000 unique logo symbols, each available in different illustrative styles and crafted to convey a specific image. You can create the perfect logo in minutes, get started now!.
Click Here

I meet some trouble when creating radio buttons through javascript. My code is something like this:

function createRadioButton(elt_name, elt_value, elt_label, is_selected) {
    var inputElement = document.createElement('input');
    inputElement.setAttribute('type', 'radio');
    inputElement.setAttribute('name', elt_name);
    inputElement.setAttribute("value", elt_value);
    var func = new Function("alert(this.value + ' is selected!')");
    inputElement.onclick = func;

    if (is_selected) {
        inputElement.setAttribute("checked", "checked");
    }

    var divElement = document.getElementById("container");
    divElement.appendChild(inputElement);
    divElement.appendChild(document.createTextNode(elt_label));
    divElement.appendChild(document.createElement("br"));
}

This works perfectly in Firefox. but in Internet Explorer the radio buttons can’t be selected. After googling the internet, I find a solution which works well in IE:

However, another problem arises. IE leaves the radio button unchecked even I set the checked status in my javascirpt like this:

It seems that this has no side-effect on the behavior of IE before I insert the radio button into the DOM. So I move the code used to set the checked attribute down to after the statement used to insert the radio button into the document, it works fine.

The following is the full source code:

<html>
<head>
<title>create radio button</title>
<script type="text/javascript">
function createRadioButton(elt_name, elt_value, elt_label, is_selected) {
    var inputElement;
    try{
        inputElement = document.createElement('<input type="radio" name="' + elt_name + '" />');
    }catch(err){
        inputElement = document.createElement('input');
        inputElement.setAttribute('type', 'radio');
        inputElement.setAttribute('name', elt_name);
    }
    inputElement.setAttribute("value", elt_value);
    var func = new Function("alert(this.value + ' is selected!')");
    inputElement.onclick = func;

    var divElement = document.getElementById("container");
    divElement.appendChild(inputElement);
    divElement.appendChild(document.createTextNode(elt_label));
    divElement.appendChild(document.createElement("br"));

    if (is_selected) {
        inputElement.setAttribute("checked", "checked");
    }
}
function testFunc() {
   var divElement = document.getElementById("container");

   // empty object of its children
   var len = divElement.childNodes.length;
   for (var i = 0; i < len; i++) {
       divElement.removeChild(divElement.childNodes[0]);
   }

   // alternate method
   /*
   while(divElement.hasChildNodes() == true) {
      divElement.removeChild(divElement.childNodes[0]);
   }
   */

   createRadioButton('sex', 'm', 'male', true);
   createRadioButton('sex', 'f', 'female', false);
}
</script>
</head>
<body>
<h1>Create radio button dynamically</h1>
<div id="container"></div>
<input type="button" value="Create" onclick="testFunc()" />
</body>

I have a register JSP page that contains a form with some input fields. I use the getElementById method to retrieve form values and post them through AJAX. It works very well in IE. But in Firefox, I get the following error:

I reviewed the W3C’s DOM specification carefully, and found the getElementById section.

I checked my code again and found that one of the input elements has no ID attribute. It is something like this:

When I assigned an ID attribute to the element, it works fine.

It appears that IE does not implement the DOM 2 Core and DOM 3 Core specifications correctly. It grabs form values based on the NAME attribute. While Firefox finds form elements by ID, when the input has no ID, null is returned. So, Firefox do the right thing.