JaeYa Blog

var popup;

$("#btnPopup").click(function () {
           if (popup == undefined) {
                    popup = window.open("Popup.aspx", "Test", "top=10, left=20, width=600, height=600");
           }
           else {
                    if (popup.closed) {
                        popup = window.open("Popup.aspx", "Test", "top=10, left=20, width=600, height=600");
                    }
                    else {
                        alert("이미 팝업창이 떠있습니다.");
                    }
          }
});

학습 사이트 (1장 이후는 유료임...)

https://www.dashingd3js.com/

d3.js의 API 문서 번역(전체가 아닌 API 문서만 번역)

https://github.com/zziuni/d3/wiki

외부 css에 정의된 스타일을 가져오기 위해

DOM으로 처리를 할려고 했지만 HTML 태그 내부 인라인으로 정의된 style만 접근이

가능하기 때문에 아래 코드를 쓰게 되면 값이 가져오지를 못한다.

document.getByElementById("font1").style.fontSize

왜?? id가 "font1"이라는 div 태그안에는 style이 직접적으로 정의가 되어있지 않기 때문이다.

그래서 jQuery를 이용해서 객체를 생성하고 css의 값을 가져오도록 했다.

물론 Javascript로 할 순 있지만 코드만 길어지고 정신적인 스트레스가 올 것 같다.

아래 코드는 "+" 버튼을 클릭하면 div 내부의 현재 font-size에서 5px 증가한 값으로 변환시키고, "-" 버튼을 클릭하면 5px 감소한 값으로 변환시킨다.

HEADER

<link rel="stylesheet" type="text/css" href="common.css" />                                    

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
        $(function () {
            var div = $("div");

            $("#btnIncrease").click(function () {
                div.css("font-size", "+=5");
            });

            $("#btnDecrease").click(function () {
                div.css("font-size", "-=5");
            });

        });
</script>

CSS (외부 파일 common.css)

.font1 { font-size:11px; }
.font2 { font-size:20px; }

HTML

<input type="button" id="btnIncrease" value="+" />
<input type="button" id="btnDecrease" value="-" />
<div id="font1" class="font1">테스트1</div>
<div id="font2" class="font2">테스트2</div>

자꾸 까먹네.

잊어버리기 전에!!

var arr = new Array();

var item1 = new Object();

item1.KeyName1 = value1;

item1.KeyName2 = value2;

var item2 = new Object();

item2.KeyName1 = value1;

item2.KeyName2 = value2;

arr_coupon.push(item1);

arr_coupon.push(item2);

var jsonString = JSON.stringify(arr);

여러 각 브라우저에서 사용할 수 있는 CSS 코드를 생성해주는 CSS3 생성기 입니다.

http://css3generator.com/

Today I was looking for a decent way to have variable variables in Javascript. Because I work with a whole bunch of particularly bright people^*, the answer to any question is always near. I figured I'd share today's little insight! First let's look about how we'd do this in PHP:

Suppose you have a variable named $i containing a numeric value. In this example it's 1 but it could be anything. You want to create a new variable named name1. In PHP you'd use the double $ way:

1. $i=1;
2. ${'name'.$i} = 'Marco';
3. echo "got ".$name1;

When doing the same thing in Javascript, the dreaded eval() comes to mind:

1. var i=1;
2. eval('name' + i + ' = "Marco"');
3. document.write('got ' + name1);

Nasty. We don't want to use eval() if we can avoid it. And most of the time we actually can! Here's a much more proper way of doing it, using the fact that all global variables are held in the window array.

1. var i=1;
2. window['name' + i] = 'Marco';
3. document.write('got ' + name1);

There we go! Nice, clean and no eval() necessary.

* It's absolutely delightful to work with people who all excel in what they do without the often associated 'arrogant prick attitude'. I love my job! =)

출처 : http://www.i-marco.nl/weblog/archive/2007/06/14/variable_variables_in_javascri