2013.12.10 16:14
 


 

javascript, setAttribute IE7, IE8~ 구분 적용



Example #1 소개용 예제


var onclick = button_element.getAttribute("onclick");  


// if onclick is not a function, it's not IE7, so use setAttribute

if(typeof(onclick) != "function") { 

    button_element.setAttribute('onclick','doSomething();' + onclick); // for FF,IE8 ~ ,Chrome


// if onclick is a function, use the IE7 method and call onclick() in the anonymous function

} else {

    button_element.onclick = function() { 

        doSomething();

        onclick();

    }; // for IE7

}

 

하고자 하는 얘기는 IE7에서는 setAttribute method가 적용되지 않는 다는 점..

또 다른 얘를 들어보자면 (아래 예시 펌 사이트 :http://blog.naver.com/PostView.nhn?blogId=jwlee0208&logNo=10110476040 )

 


Example #2 소개용 예제


if($.browser.msie && $.browser.version < 8.0){

     input = document.createElement("<input type='text' name='articleName' style='width:95%;'>");

}else{

      input = document.createElement("input");

      input.setAttribute("type", "text");

      input.setAttribute(document.all ? "className" : "class","input01");

      input.setAttribute("style","width:95%;");

      input.setAttribute("id","articleName"+(articleLength+1));

      input.setAttribute("name","articleName");


}


[출처] javascript, setAttribute IE7, IE8~ 구분 적용|작성자 왕꼬부기


 
 
Posted by 대학교닷컴 대학교닷컴
2013.12.09 11:44
 


 

Button객체, submit객체

 

Button객체는 주로 명령을 수행할 때 사용하는 객체로 onclick이벤트가 발생할 떄 사용한다.

자바스크립트에서 사용할 수 있는 버튼의 종류는 일반버튼 , 이미지버튼 , 전송버튼 , 최소버튼

으로 이루어진다.

일반 버튼은 버튼 입력 양식을 자바스크립트로 접근하기 위하여 만들어진 것으로 button객체를

가리키고있는 form 객체와 함께 사용된다.

 

전송 버튼은 일반 버튼과 같은 모양을 하고 있지만 사용자가 입력한 정보를 웹 서버로 전달한다.

form태그의 action속성에서 지정한 URL로 전송하는 역활을 하는 것과 같다.

 

최소버튼은 전송버튼과 같은 개념이지만 차이점이 있다면 입력한 정보를 웹서버로 전달 하지 않고

입력한 정보를 초기화 한다.

 

Botton 객체


<html>
   <head>
        <script language="javascript">
         function msg(form) {
             send = "[웹 서버로 데이터를 전송할 자료]\n\n"
             send  = send + form.textbox.value 
             alert (send);  }
        </script>
   </head>
   <body>
      <form name="form" method="post"
                  action="http://www.domain.com/text.asp">
      이 름 : <input type="text" name="textbox" size="10"><p>
      <input type="submit" value="웹 서버로 전송하기"
                          onclick="msg(this.form)">
      <input type="button" value="지우기" onclick="form.reset()">
      </form>
  </body>
</html> 


이렇게 버튼은 주로 onclick이벤트와 함계 버튼을 누르면 어떤 동작을 취할 수 있게

만든다.

 

Submit 객체

사용자로 부터 회원가입 , 설문조사 등고 같이 다양한 형태의 입력양식으로 구성된

폼에서 정보를 입력받아 웹서버의 ASP , CGI , PHP 프로그램으로 데이터를 전송

할 떄 사용하는 버튼 형식의 입력양식이다.

 

Submit 객체


<html>
   <head>
        <script language="javascript">
         function msg(form) {
             send = "[웹 서버로 데이터를 전송할 자료]\n\n"
             send  = send + form.textbox.value 
             alert (send);  }
        </script>
   </head>
   <body>
      <form name="form" method="post"
                  action="http://www.domain.com/text.asp">
      이 름 : <input type="text" name="textbox" size="10"><p>
      <input type="submit" value="웹 서버로 전송하기"
                          onclick="msg(this.form)">
      <input type="button" value="지우기" onclick="form.reset()">
      </form>
  </body>
</html> 

[출처] Button객체와 submit객체|작성자 연정이

 

 

 
 
Posted by 대학교닷컴 대학교닷컴

티스토리 툴바