'JAVASCRIPT 자바스크립트'에 해당되는 글 26건

var now = new Date();

var year = now.getFullYear(); // now.getYear 사용 시 익스11 및 크롬 등에서 인식 못함.

var m = now.getMonth() + 1; // 0~11로 출력하므로 1을 더해준다.

if (m < 10) {

m = "0" + m;

}

var d = now.getDate();

if (d < 10) {

d = "0" + d;

}

var h = now.getHours();

if (h < 10) {

h = "0" + h;

}

var mn = now.getMinutes();

if (mn < 10) {

mn = "0" + mn;

}

var nowDate = year + "" + m + "" + d + "" + h + "" + mn;

if(nowDate < '201409110900')

{

alert('신청기간이 아닙니다. 9월 11일 오전 9시부터 선착순 접수합니다.');

return;

}

자바스크립트. 동적으로 위치를 구해야 할때가 있다..

브라우저 별로 스크립트가 잘 작동하지 않을때가 있는데 어쩐다징?

ㅠ.ㅠ scrollTop 왜 0을 리턴할까?

30분 푹풍 검색결과 이러한 결과로 이어졌습니다. 

document.documentElement.scrollTop 이걸쓰면 높이값을 잘 읽어오네요. 

<input type="text" id="writer" name="writer" value="써보세요." class="input_line" readonly style="width:150px;background-color:#ebebeb;"/>이런식으로

앙 새로운 윈도우창 새창을 띠울땐 윈오픈해서 만들어준다.. 그리고 타켓으로 설정해주면 되는듯.. 

<script language='javascript'>

//window.name = "nice_window";

function fnPopup() {

var authchk = document.getElementById("authchk");

if (authchk.checked == false) 

   {

return;

}

window

.open(

'',

'popupChk',

'width=500, height=550, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no');

document.form_chk.action = "https://nice.checkplus.co.kr/CheckPlusSafeModel/checkplus.cb";

document.form_chk.target = "popupChk";

document.form_chk.submit();

}

</script>

<a href="javascript:fnPopup();">본인인증</a>

그리고 이 팝업창에서 보여줄꺼 다 보여주고 닫을땐..

parent.window.close(); 이러면 닫히는듯 하고. 

새로운 팝업창에서 기존창의 주소를 바꿀려면

parent.opener.document.location="주소"

이런식으로 스크립트로 호출하면 되는듯 하다. 

자바 스크립트

날짜계산 date()사용하기.

자바스크립트에서 1월은 0으로 표현됨 12월은 11로 표현됨.

Var Today = new date(); //오늘의 날짜정보를 가져옴.

Var Today = new date(년,월,일);입력된 년 월일세팅된값으로 객체를 생성함.

Var year = Today. getFullYear();//객체에생선된 년도 정보를 가져옴.

Var month = Today.getMonth();//객체에 생선된 월의 정보를 가져옴…

Var day = Today.getDate();//객체에 생선된 일의 정보를 가져옴.

해당월의 마지막 일수 받아오기…

var endDayOfMay = new Date(년

                                          ,월(구하고자하는월)+1

                                          , 0);

구하고자하는달의 다음달을 입력하고 일을 0으로 입력하면 1일의 바로전날은 그전달이 되므로 해달의 마지막일을 구해올수 있음.

요일정보 구하기 (일월화수목금토)순서임)

Today.getDay();;//요일의 정보를 0-6까지 나옴.

체크박스로 자바스크립트.

요일정보를 자동으로 입력 순서가 월화수목금토일이라서 소스가 이러함.

select_innerHTML 이건 인터넷 익스플로러 때문에 피요함 selected이건 아래소스규칙대로 해주어야 적용됨.

function fn_changeSelected(obj)

{

           var f = document.forms.form1;

           var cDate = new Date(document.getElementById("Onehope1").value

                               , document.getElementById("Onehope2").value-1

                               , document.getElementById("Onehope3").value);

           var tDate = new Date();

           var weekstr = new Array("월", "화", "수", "목", "금", "토","일");

           var week = cDate.getDay();

           if(week>=1)

           {

                     week=week-1;

           }

           else

           {

                     week=6;

           }

           var sYear=tDate.getFullYear()

           var eYear=sYear+1;

           var sMonth=1

           var eMonth=12

           var sDay=1

           var eDay=( new Date( document.getElementById("Onehope1").value,document.getElementById("Onehope2").value, 0) ).getDate();

           var strYear="";

           var strMonth="";

           var strDay="";

           var strWeek="";

           document.getElementById("Onehope1").value;

           document.getElementById("Onehope2").value;

           document.getElementById("Onehope3").value;

           document.getElementById("Onehope4").value;

           for(var i=sYear; i<=eYear; i++)

           {

                     strYear += "<option value=\""+ i+ "\"";

                     if(document.getElementById("Onehope1").value==i)           

                     {

                                strYear += "selected=\"selected\" ";

                     }

                     strYear += ">"+ i+ "<\/option>";

           }

           for(var i=sMonth; i<=eMonth; i++)

           {

                     strMonth += "<option value=\""+ i+ "\"";

                     if(document.getElementById("Onehope2").value==i) 

                     {

                                strMonth += "selected=\"selected\" ";

                     }

                     strMonth += ">"+ i+ "<\/option>";                  

           }

           for(var i=sDay; i<=eDay; i++)

           {

                     strDay += "<option value=\""+ i+ "\"";

                     if(document.getElementById("Onehope3").value==i)           

                     {

                                strDay += "selected=\"selected\" ";

                     }

                     strDay += ">"+ i+ "<\/option>"; 

           }

           for(var i=sDay; i<weekstr.length; i++)

           {

                     strWeek += "<option value=\""+weekstr[i]+ "\"";

                     if(week==i)                 

                     {

                                strWeek += "selected=\"selected\" ";

                     }

                     strWeek += ">"+weekstr[i]+ "<\/option>";

           }

           select_innerHTML(document.getElementById("Onehope1"),strYear);

           select_innerHTML(document.getElementById("Onehope2"),strMonth);

           select_innerHTML(document.getElementById("Onehope3"),strDay);

           select_innerHTML(document.getElementById("Onehope4"),strWeek);

}

function select_innerHTML(objeto,innerHTML){

           /******

           * select_innerHTML - corrige o bug do InnerHTML em selects no IE

           * Veja o problema em: http://support.microsoft.com/default.aspx?scid=kb;en-us;276228

           * Versão: 2.1 - 04/09/2007

           * Autor: Micox - Náiron José C. Guimarães - micoxjcg@yahoo.com.br

           * @objeto(tipo HTMLobject): o select a ser alterado

           * @innerHTML(tipo string): o novo valor do innerHTML

           *******/

               objeto.innerHTML = ""

               var selTemp = document.createElement("micoxselect")

               var opt;

               selTemp.id="micoxselect1"

               document.body.appendChild(selTemp)

               selTemp = document.getElementById("micoxselect1")

               selTemp.style.display="none"

               if(innerHTML.toLowerCase().indexOf("<option")<0){//se não é option eu converto

                   innerHTML = "<option>" + innerHTML + "</option>"

               }

               innerHTML = innerHTML.toLowerCase().replace(/<option/g,"<span").replace(/<\/option/g,"</span")

               selTemp.innerHTML = innerHTML

               for(var i=0;i<selTemp.childNodes.length;i++){

             var spantemp = selTemp.childNodes[i];

                   if(spantemp.tagName){    

                       opt = document.createElement("OPTION")

              if(document.all){ //IE

               objeto.add(opt)

              }else{

               objeto.appendChild(opt)

              }      

              //getting attributes

              for(var j=0; j<spantemp.attributes.length ; j++){

               var attrName = spantemp.attributes[j].nodeName;

               var attrVal = spantemp.attributes[j].nodeValue;

               if(attrVal){

                try{

                 opt.setAttribute(attrName,attrVal);

                 opt.setAttributeNode(spantemp.attributes[j].cloneNode(true));

                }catch(e){}

               }

              }

              //getting styles

              if(spantemp.style){

               for(var y in spantemp.style){

                try{opt.style[y] = spantemp.style[y];}catch(e){}

               }

              }

              //value and text

              opt.value = spantemp.getAttribute("value")

              opt.text = spantemp.innerHTML

              //IE

              opt.selected = spantemp.getAttribute('selected');

              opt.className = spantemp.className;

             }

            }   

            document.body.removeChild(selTemp)

            selTemp = null

           }