웹[기술|표준|접근]/그 외2008/09/04 12:54

브라우저 춘추전국시대가 아닌 엔진춘추전국시대

어제 구글 크롬 때문에 온 블로그가 떠들썩했고,
저뿐만이 아닌 많은 개발자 및 관심자들이 V8에 상당한 매력과 흥미를 느꼇습니다.
이에 모질라에서 질투(?)를 느꼇는지 바로 TraceMonkey(이하 TM)과 V8을 비교를 해서 올렸네요.

어제까지만 해도 "세계 2차 브라우저 대전이 일어나겠구나" 라고 생각했는데..
저 포스팅을 보니 브라우저 전쟁도 전쟁이지만 "엔진의 전쟁(Engine War)"이라고 생각이 드네요.

엔진들만 조합하면 새로운 브라우저가 탄생하는 시대가 도래했으니 말이죠.
크리에이티브 커먼즈 라이선스
Creative Commons License

'웹[기술|표준|접근] > 그 외' 카테고리의 다른 글

SUBVERSION CLIENT FOR THE MAC  (0) 2009/02/11
KCSC 불법정보(사이트)에 대한 차단 안내.  (4) 2008/10/24
브라우저 춘추전국시대가 아닌 엔진춘추전국시대  (0) 2008/09/04
구글 크롬을 잠깐 써보니..  (0) 2008/09/03
Firefox3가 나오면서 개발자가 한번쯤 읽어봄직한 문서  (0) 2008/06/23
firefox3를 설치했습니다. (내용 추가08/06/18)  (4) 2008/06/17
Posted by Johan Kim hiphapis
TAG Browser, chrome, Engine, Firefox, Google, Mozilla, TraceMonkey, V8
Trackback 0 Comment 0

TRACKBACK http://hiphapis.net/trackback/142 관련글 쓰기

댓글을 달아 주세요

웹[기술|표준|접근]/작은 팁2007/04/18 18:31

[js] FireFox, Safari 에서도 16진수 컬러코드 사용하기.

Js로 Style 을 Control 하는 경우가 많이 있습니다.
자연스럽게 색깔 설정에도 손의 많이 가고, 그러다 보면 컬러코드를 가지고 작업을 해야 할 때가 있습니다.
이 팁은 이런 상황에서 유용하게 사용 됩니다.

IE6, IE7, Opera 같은경우 컬러코드 그대로 반환을 해 줍니다.
예를들어,
<div id="Some" style="background-color:#ffff00">someElement</div>

<script type="text/javascript">
alert(document.getElementById("Some").style.backgroundColor);
</script>
일 경우 #ffff00을 반환합니다.

하지만 FireFox, Safari 는
rgb(255, 255, 0) 을 반환합니다.

이렇게 되면 브라우져 별로 색상정의가 틀려져서, 여기서는 되고 저기서는 에러나고 하는 상황이 연출이 됩니다.

이럴경우 rgb코드를 16진수 컬러코드로 바꿔주는 함수입니다.

var getRgbToHex = function(rgb_code){
    if(Reg.test(rgb_code)){
        tempColor = rgb_code.replace(Reg, "");
        tempLength = tempColor.length - 1;
        tempColor = tempColor.substr(0, tempLength);
        tempColor = tempColor.split(",");

        red = tempColor[0];
        green = tempColor[1];
        blue = tempColor[2];

        colorCode = "#" + rgb_hex(red) + rgb_hex(green) + rgb_hex(blue);

        return colorCode;
    }
    return rgb_code;
}

var rgb_hex = function(color)
{
    if(color==0){
        var color="00";
        return color;
    }
    else{
        var y=color/16;
        var y=y+"a";
        if (y.indexOf(".")==-1){
            var hex2="0";
            var u=y.indexOf("a");
            var q=y.substring(0,u);
            var hex1=hex_array[q];
        }
        else{
            var l=y.split(".");
            var q=l[0];
            var z=q*16;
            var xyz=color-z;
            var hex1=hex_array[q];
            var hex2=hex_array[xyz];
        }
        var color=hex1+hex2;
        return color;
    }
}

Converter 하는 부분은 http://www.csgnetwork.com/csgcolorsel6.html를 참고했습니다.
사용법은

<script type="text/javascript">
var getColorCode = function(ele){
    nowColor = document.getElementById(ele).style.color;
    colorCode = getRgbToHex(nowColor);
    alert(colorCode);
</script>

<div id="some" style="color:#FF0000">Element</div>
<input type="button" value="getElementColorCode" onclick="getColorCode('some')">


크리에이티브 커먼즈 라이선스
Creative Commons License

'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글

[JS] HTML Attribute Parser  (0) 2007/07/13
[JS] OS 알아내기 (with js & jQuery)  (0) 2007/07/10
[js] FireFox, Safari 에서도 16진수 컬러코드 사용하기.  (1) 2007/04/18
[jQuery] interface > sortable 스크롤이 바닥일경우 drag시 스크롤 움직이는 버그  (0) 2007/04/17
[jQuery] interface > sortable > onChange > SortSerialize Bug  (0) 2007/04/17
[js]현재 스크롤 위치 알아내기  (4) 2007/04/13
Posted by Johan Kim hiphapis
TAG color code, Firefox, JavaScript, Safari, 컬러코드
Trackback 0 Comment 1

TRACKBACK http://hiphapis.net/trackback/40 관련글 쓰기

댓글을 달아 주세요

  1. Favicon of http://hiphapis.net BlogIcon 기다림

    iamSeeker 님께서, 정규식을 좀 더 활용하고, toString을 활용해서 훨신 간결한 코드를 만드셨습니다.
    http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=53584&page=&sfl=&stx=&spt=&page=&cwin=#c_53595

    2007/04/19 12:21 [ ADDR : EDIT/ DEL : REPLY ]

웹[기술|표준|접근]/작은 팁2007/01/22 12:17

사용하는 FireFox Plug-in


생기는대로 추가해야지..

Ver 1.0 (070122)
크리에이티브 커먼즈 라이선스
Creative Commons License

'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글

CSS Selector에 대해 알아봅시다~ [초급편]  (6) 2007/02/07
font-size: em을 처음쓰시는 분들을 위한 간단한 팁  (12) 2007/02/06
EditPlus v2.30 눈에 확띄는 업데이트 8가지  (4) 2007/01/26
FireFox 2.x 에서 Alt+S 즉, AccessKey가 안되는것 수정하기  (0) 2007/01/22
사용하는 FireFox Plug-in  (0) 2007/01/22
Ajax로 Select Box 비스무리하게 구현하기  (0) 2006/12/28
Posted by Johan Kim hiphapis
TAG Firefox, Plug-in, 파이어폭스, 플러그인
Trackback 0 Comment 0

TRACKBACK http://hiphapis.net/trackback/8 관련글 쓰기

댓글을 달아 주세요