Javascript Reference

Browser acceptable plain-language color names in javascript

Tue, 30 Jun 2009 20:14:29 GMT

Both name and HEX values are case-insensitive.

Name	HEX	Color
AliceBlue	#F0F8FF
AntiqueWhite	#FAEBD7
Aqua	#00FFFF
Aquamarine	#7FFFD4
Azure	#F0FFFF
Beige	#F5F5DC
Bisque	#FFE4C4
Black	#000000
BlanchedAlmond	#FFEBCD
Blue	#0000FF
BlueViolet	#8A2BE2
Brown	#A52A2A
BurlyWood	#DEB887
CadetBlue	#5F9EA0
Chartreuse	#7FFF00
Chocolate	#D2691E
Coral	#FF7F50
CornflowerBlue	#6495ED
Cornsilk	#FFF8DC
Crimson	#DC143C
Cyan	#00FFFF
DarkBlue	#00008B
DarkCyan	#008B8B
DarkGoldenRod	#B8860B
DarkGray	#A9A9A9
DarkGreen	#006400
DarkKhaki	#BDB76B
DarkMagenta	#8B008B
DarkOliveGreen	#556B2F
Darkorange	#FF8C00
DarkOrchid	#9932CC
DarkRed	#8B0000
DarkSalmon	#E9967A
DarkSeaGreen	#8FBC8F
DarkSlateBlue	#483D8B
DarkSlateGray	#2F4F4F
DarkTurquoise	#00CED1
DarkViolet	#9400D3
DeepPink	#FF1493
DeepSkyBlue	#00BFFF
DimGray	#696969
DodgerBlue	#1E90FF
FireBrick	#B22222
FloralWhite	#FFFAF0
ForestGreen	#228B22
Fuchsia	#FF00FF
Gainsboro	#DCDCDC
GhostWhite	#F8F8FF
Gold	#FFD700
GoldenRod	#DAA520
Gray	#808080
Green	#008000
GreenYellow	#ADFF2F
HoneyDew	#F0FFF0
HotPink	#FF69B4
IndianRed	#CD5C5C
Indigo	#4B0082
Ivory	#FFFFF0
Khaki	#F0E68C
Lavender	#E6E6FA
LavenderBlush	#FFF0F5
LawnGreen	#7CFC00
LemonChiffon	#FFFACD
LightBlue	#ADD8E6
LightCoral	#F08080
LightCyan	#E0FFFF
LightGoldenRodYellow	#FAFAD2
LightGrey	#D3D3D3
LightGreen	#90EE90
LightPink	#FFB6C1
LightSalmon	#FFA07A
LightSeaGreen	#20B2AA
LightSkyBlue	#87CEFA
LightSlateGray	#778899
LightSteelBlue	#B0C4DE
LightYellow	#FFFFE0
Lime	#00FF00
LimeGreen	#32CD32
Linen	#FAF0E6
Magenta	#FF00FF
Maroon	#800000
MediumAquaMarine	#66CDAA
MediumBlue	#0000CD
MediumOrchid	#BA55D3
MediumPurple	#9370D8
MediumSeaGreen	#3CB371
MediumSlateBlue	#7B68EE
MediumSpringGreen	#00FA9A
MediumTurquoise	#48D1CC
MediumVioletRed	#C71585
MidnightBlue	#191970
MintCream	#F5FFFA
MistyRose	#FFE4E1
Moccasin	#FFE4B5
NavajoWhite	#FFDEAD
Navy	#000080
OldLace	#FDF5E6
Olive	#808000
OliveDrab	#6B8E23
Orange	#FFA500
OrangeRed	#FF4500
Orchid	#DA70D6
PaleGoldenRod	#EEE8AA
PaleGreen	#98FB98
PaleTurquoise	#AFEEEE
PaleVioletRed	#D87093
PapayaWhip	#FFEFD5
PeachPuff	#FFDAB9
Peru	#CD853F
Pink	#FFC0CB
Plum	#DDA0DD
PowderBlue	#B0E0E6
Purple	#800080
Red	#FF0000
RosyBrown	#BC8F8F
RoyalBlue	#4169E1
SaddleBrown	#8B4513
Salmon	#FA8072
SandyBrown	#F4A460
SeaGreen	#2E8B57
SeaShell	#FFF5EE
Sienna	#A0522D
Silver	#C0C0C0
SkyBlue	#87CEEB
SlateBlue	#6A5ACD
SlateGray	#708090
Snow	#FFFAFA
SpringGreen	#00FF7F
SteelBlue	#4682B4
Tan	#D2B48C
Teal	#008080
Thistle	#D8BFD8
Tomato	#FF6347
Turquoise	#40E0D0
Violet	#EE82EE
Wheat	#F5DEB3
White	#FFFFFF
WhiteSmoke	#F5F5F5
Yellow	#FFFF00
YellowGreen	#9ACD32

The max number precision value in javascript

Mon, 29 Jun 2009 04:35:33 GMT

javascript Get Credit Card Type By Number (regex validation example)

Wed, 20 May 2009 20:02:31 GMT

Show invariant(en-us?) datetime formate

Sat, 16 May 2009 22:16:39 GMT

Example of showing day of week and monthname using javascript:

Sunday, 17 May, 2009 13:10:44.9

Codes:
<div id="pltime0517">Sunday, 17 May, 2009 13:10:44.9</div>
<script type="text/javascript">
UpdateTime();
function UpdateTime() {
    var days = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
    var months = new Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec');
    var d = new Date();
    document.getElementById('pltime0517').innerHTML = days[d.getDay()] + ', ' + d.getDate() + ' ' + months[d.getMonth()] + ', ' + d.getFullYear() + ' ' + ('0' + d.getHours()).slice(-2) + ':' + ('0' + d.getMinutes()).slice(-2) + ':' + ('0' + d.getSeconds()).slice(-2) + '.' + ('' + d.getMilliseconds()).slice(0, 1);
    setTimeout('UpdateTime()', 100);
}
</script>

Note:
string.substr(-2) doesn't work out the same results on all browsers.

Examples of refresh/reload current page

Mon, 11 May 2009 00:46:39 GMT

Demo 1: Goto special page after 2 seconds:
<meta http-equiv="refresh" content="2; url=http://javascript.gakaa.com/" />

Demo 2: Refresh current page after 2 seconds:
<meta http-equiv="refresh" content="2" />

Demo 3: ASP server side:
Response.AddHeader "refresh", "1;URL=http://javascript.gakaa.com/"

Unfortunately <META> refresh has been considered as a bad action by Search Engine. Pages with meta-refresh are usually punished by SE.

Here is a SEO friendly refresh/reload solution:
<html>
<body>
<script type="text/javascript">setTimeout('location.reload()',2000);</script>
</body>
</html>

Or place codes in a file:
<script type="text/javascript" src="/yourfile.js"></script>

Or event wrap with document.write:
<script type="text/javascript">
document.write('<sc'+'ript ty'+'pe="text/jav'+'ascript" src="/yo'+'urfile.js"></scri'+'pt>');
</script>

javascript window maximization

Mon, 31 Mar 2008 08:36:03 GMT

<body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">
IE only.

javascript autocomplete feature of input

Wed, 23 Jul 2008 08:56:12 GMT

<input type="text" autocomplete="on" />
<input type="text" autocomplete="off" />

Note:
The autocomplete attribute will cost failture of passing W3C validation though this attribute works in most browsers.

javascript get user selected text

Fri, 28 Mar 2008 08:43:49 GMT

IE version:
document.selection.createRange().duplicate().text;

Firefox version:
document.getSelection();

For all browser selected():
<input type="button" onclick="alert(selected())" />
<script type="text/javascript">
    function selected(){
        if (document.selection) return document.selection.createRange().duplicate().text;
        else return document.getSelection();
    }
</script>

javascript to check opened window is closed or not

Thu, 27 Mar 2008 06:31:20 GMT

var win = window.open('http://www.royh.cn');
alert(win.closed);

return boolean

javascript get millisecond or microsecond

Wed, 26 Mar 2008 09:19:26 GMT

var n1 = new Date("2008-3-25".replace(/-/g, "\/")).getTime();
var n2 = (new Date()).getTime();