update
This commit is contained in:
@@ -0,0 +1,134 @@
|
||||
String.prototype.startWith = function (str) {
|
||||
var reg = new RegExp("^" + str);
|
||||
return reg.test(this);
|
||||
}
|
||||
|
||||
String.prototype.trim = function () {
|
||||
return this.replace(/(^\s*)|(\s*$)/g, "");
|
||||
}
|
||||
|
||||
$(function () {
|
||||
$("#hexInp").keyup(function () {
|
||||
var hex = $(this).val().trim();
|
||||
if (hex.startWith('#')) {
|
||||
hex = hex.substr(1, hex.length);
|
||||
}
|
||||
if (hex.length == 3) {
|
||||
var arr = hex.split('');
|
||||
_a1 = arr[0];
|
||||
_a2 = arr[1];
|
||||
_a3 = arr[2];
|
||||
hex = _a1 + _a1 + _a2 + _a2 + _a3 + _a3;
|
||||
}
|
||||
//alert(hex);
|
||||
var rgb = HexToRGB(hex);
|
||||
if (appendRgb.checked) {
|
||||
rgb = "rgb(" + rgb + ")";
|
||||
}
|
||||
$("#outRgb").val(rgb);
|
||||
});
|
||||
|
||||
$("#appendRgb").click(function () {
|
||||
var oldOutRgb = $("#outRgb").val().trim();
|
||||
if (oldOutRgb != "") {
|
||||
|
||||
if ($(this).is(":checked")) {
|
||||
|
||||
oldOutRgb = "rgb(" + oldOutRgb + ")";
|
||||
} else {
|
||||
oldOutRgb = oldOutRgb.replace("rgb(", "").replace(")", "");
|
||||
}
|
||||
$("#outRgb").val(oldOutRgb);
|
||||
}
|
||||
});
|
||||
|
||||
$("#rgbInp").keyup(function () {
|
||||
var rgb = $(this).val();
|
||||
rgb = rgb.toUpperCase();
|
||||
if (rgb.startsWith("RGB")) {
|
||||
rgb = rgb.replace("RGB(", "").replace(")", "");
|
||||
}
|
||||
var rgb1 = "";
|
||||
if (rgb.indexOf(",") != -1) {
|
||||
rgb1 = rgb.split(",");
|
||||
} else if (rgb.indexOf(" ") != -1) {
|
||||
rgb1 = rgb.split(" ");
|
||||
}
|
||||
$("#outHex").val("#" + RGBToHex(rgb1));
|
||||
});
|
||||
})
|
||||
function GiveRGB(Hex) {
|
||||
if (Hex == "A")
|
||||
Value = 10;
|
||||
else
|
||||
if (Hex == "B")
|
||||
Value = 11;
|
||||
else
|
||||
if (Hex == "C")
|
||||
Value = 12;
|
||||
else
|
||||
if (Hex == "D")
|
||||
Value = 13;
|
||||
else
|
||||
if (Hex == "E")
|
||||
Value = 14;
|
||||
else
|
||||
if (Hex == "F")
|
||||
Value = 15;
|
||||
else
|
||||
Value = eval(Hex)
|
||||
return Value;
|
||||
}
|
||||
function GiveHex(RGB) {
|
||||
if (RGB == 10)
|
||||
Value = "A";
|
||||
else
|
||||
if (RGB == 11)
|
||||
Value = "B";
|
||||
else
|
||||
if (RGB == 12)
|
||||
Value = "C";
|
||||
else
|
||||
if (RGB == 13)
|
||||
Value = "D";
|
||||
else
|
||||
if (RGB == 14)
|
||||
Value = "E";
|
||||
else
|
||||
if (RGB == 15)
|
||||
Value = "F";
|
||||
else
|
||||
Value = "" + RGB;
|
||||
return Value;
|
||||
}
|
||||
function HexToRGB(Input) {
|
||||
Input = Input.toUpperCase();
|
||||
|
||||
a = GiveRGB(Input.substring(0, 1));
|
||||
b = GiveRGB(Input.substring(1, 2));
|
||||
c = GiveRGB(Input.substring(2, 3));
|
||||
d = GiveRGB(Input.substring(3, 4));
|
||||
e = GiveRGB(Input.substring(4, 5));
|
||||
f = GiveRGB(Input.substring(5, 6));
|
||||
|
||||
x = (a * 16) + b;
|
||||
y = (c * 16) + d;
|
||||
z = (e * 16) + f;
|
||||
return x + "," + y + "," + z;
|
||||
}
|
||||
function RGBToHex(rgb1) {
|
||||
Red = rgb1[0];
|
||||
Green = rgb1[1];
|
||||
Blue = rgb1[2];
|
||||
|
||||
a = GiveHex(Math.floor(Red / 16));
|
||||
b = GiveHex(Red % 16);
|
||||
c = GiveHex(Math.floor(Green / 16));
|
||||
d = GiveHex(Green % 16);
|
||||
e = GiveHex(Math.floor(Blue / 16));
|
||||
f = GiveHex(Blue % 16);
|
||||
|
||||
z = a + b + c + d + e + f;
|
||||
|
||||
return z;
|
||||
}
|
||||
Reference in New Issue
Block a user