반응형

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("이미 팝업창이 떠있습니다.");
                    }
          }
});

 

반응형
반응형

자꾸 까먹네.악

잊어버리기 전에!!

 

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);

반응형
반응형

자바스크립트에서 변수명을 일정하게 생성하기 위해서 eval을 열심히 사용했지만 선언되지 않은 변수라고 에러가 팍팍팍팍!!!

결국 구글링신의 힘을 빌려 알아낸 결과. window[] 라는 것을 알게 되었다.

역시 구글!!!!

Today I was looking for a decent way to have variable variables in . 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

반응형
반응형
그렇게 자주 안쓰는 구문이라 가끔 쓰게 되면 깜빡하게 된다..ㅜㅜ

parent :

...
<iframe id="contentFrame" name="contentFrame" src="about:blank" marginwidth="0" marginheight="0" frameborder="0" width="100%" height="100%" scrolling="no"></iframe>
...

iframe :

...
<div id="content">
... contents ...
</div>
...
<script type="text/javascript">
function init(){
  var doc = document.getElementById('content');
  if(doc.offsetHeight == 0){
  } else {
 pageheight = doc.offsetHeight;
 parent.document.getElementById("contentFrame").height = pageheight+"px";
  }
}
window.onload = function(){
  init();
}
</script>
...


iframe 안의 소스에서 내용이 들어가는 전체를 <div id="content"></div> 로 감싸고,
onload 이벤트로 그 div 의 dom.offsetHeight 를 구해서 parent.iframe 의 height 를 바꿔주는
방식이다.
붉은색으로 표시된 height 가 크로스 브라우징의 핵심이다.
겨우 height 가 핵심이냐고? 모르는 소리다.
clientHeight, scrollheight,innerHeight, 등등 모두 크로스브라우징은 안된다. 하지만 그냥 height 는 된다;;
반응형
반응형

페이지 로딩시 시작할 스크립트 선언에 대해 <body onload="">의 onload를 많이 사용해 보았을 것입니다.

그리고 모든 페이지에서 공통으로 들어갈 스크립트는 페이지 마다 작성을 하지 않고, js 파일을 만들어 연결을 하여 사용을 할 것입니다.

 

여기서 그럼 모든 페이지에서 load시 공통으로 실행될 스크립트는 어떻게 작업을 할까요??

window.onload를 사용 하면 됩니다.

 

window.onload = function(){ 시작시 실행될 내용 }

이런식으로 말이죠.

 

그런데 문제는 window.onload와 <body onload="">는 동시에 사용을 할 수 없습니다.

<body onload="">가 실행이 되면 window.onload는 실행이 되지 않는 문제가 있습니다.

 

그래서 이를 해결하고자 할때 사용하는 것이

window::onload()입니다.

function window::onload(){ 시작시 실행될 내용 }

이렇게 사용을 하면 됩니다.

 

실행 순서는 <body onload="">가 먼저 실행되고, 이어서 window::onload()가 실행됩니다.

출처 카페 > arc-Hive | 없다
원문 http://cafe.naver.com/akadream/91

반응형
반응형

브라우저에 보이는 내용중에서 특정부분만 인쇄하기 위해서 
window.onbeforeprint 이벤트에서 출력 직전에 인쇄시 제외할 부분을 정의하고 
window.onafterprint 이벤트에서 출력 직후에 제외한 부분을 다시 나타나게 한다.

function printReceipt() {
    window.onbeforeprint  = function() {
      document.getElementById("btnPrint").style.display = "none";
    }

    window.onafterprint = function() {
      document.getElementById("btnPrint").style.display = "inline";
    }
   
    window.print();   
} 
반응형
반응형

//Error 잡아내기
var isDebugging = true;
function ErrorSetting(msg, file_loc, line_no) {
var e_msg=msg;
var e_file=file_loc;
var e_line=line_no;
var error_d = "Error in file: " + file_loc + "\nline number:" + line_no + "\nMessage:" + msg;
    if(isDebugging)
        alert("Error Found !!!\n--------------\n" + error_d);

    return true;
}
window.onerror = ErrorSetting;
반응형
반응형

if($.browser.msie)
{
     document.getElementById("tr").style.display = "inline";
}
else
{
     document.getElementById("tr").style.display = "table-row";
}

익스플로러 7이하에서는 "table-row"의 속성값을 인식하지 못하는 문제가 발생하였다..ㅡㅡ;;

이것은 "inline"으로 설정하면 간단하게 해결이 된다.

하지만 또 다른 문제 발생!!!!

바로 Firefox에서 또 다른 문제가 생긴다. "inline"을 사용하게 되면 첫번째 column에 Table Row가

그냥 생겨버린다.

colspan은 전혀 먹히지 않은채~~

그래서 IE이외의 브라우저는 "table-row" 속성을 먹이면 된다.

아따 스크립트 좀 통일 하면 안되냐 이것들아.!!!

반응형

+ Recent posts

티스토리툴바