레이블이 SIMPLE_자바스크립트인 게시물을 표시합니다. 모든 게시물 표시
레이블이 SIMPLE_자바스크립트인 게시물을 표시합니다. 모든 게시물 표시

2018년 3월 22일 목요일

자바스크립트 몇일 더한 날짜 가져오기 setDate new Date함수 이용

자바스크립트 몇일 더한 날짜 가져오기 setDate new Date함수 이용

함수 )

/*
   몇일 더한 날짜 가져오기
   @parmPM : 0(오늘), 1(내일)
   @return : 20180101
*/
function getPMDate( parmPM ){
var today = new Date();
//today.setDate(today.getDate() + 25); //25일 더하여 값을 보내줘요
today.setDate(today.getDate() + parmPM); //parmPM일 더하여 setting
var year = Number(today.getFullYear());
var month = Number(today.getMonth() + 1);
var day = Number(today.getDate());

var vl = String(year);
vl = vl + indexFnDigitTwoApply(month);
vl = vl + indexFnDigitTwoApply(day);

return vl;
}

즐거운 시간 보내세요~


자바스크립트에서의 형변환 Number, String


자바스크립트에서의 형변환 Number, String 

문자열을 숫자형으로 변환 : Number()
parseInt() 도 숫자형으로 변환해줘요

숫자를 문자열로 변환 : String() 

have a nice day~


2018년 1월 31일 수요일

자바스크립트에서 오브젝트의 위치와 사이즈 구하기 (input object etc)


자바스크립트에서 오브젝트의 위치와 사이즈 구하기 (input object etc)

object
input
textarea etc

소스 )
//object의 위치와 사이즈 구하기
function getThisAbsPosition(object){
var position = new Object;
position.x = 0;
position.y = 0;

if( object ) {
position.x = object.offsetLeft;
position.y = object.offsetTop;

if( object.offsetParent ) {
var parentpos = getThisAbsPosition(object.offsetParent);
position.x += parentpos.x;
position.y += parentpos.y;
}
}

position.cx = object.offsetWidth;
position.cy = object.offsetHeight;

return position;
}

이용 )
//new version 위치
var object = document.all.jm_keyword;
var position = getThisAbsPosition(object);
//alert("width : " + position.cx);
//alert("height : " + position.cy);
document.all.ID_POP_JIDO_MENU_WRAP.style.left = (position.x-290)+"px";
document.all.ID_POP_JIDO_MENU_WRAP.style.top = (position.y+10)+"px";


2017년 12월 19일 화요일

자바스크립트 float 처리 소스, parseFloat


자바스크립트 float 처리 소스

예제)
var percent_company = parseFloat(form.percent_company.value);
var percent_seller = parseFloat(form.percent_seller.value);
var percent_callcenter = parseFloat(form.percent_callcenter.value);
var percent_adv = parseFloat(form.percent_adv.value);
var percent_opt = parseFloat(form.percent_opt.value);
var percent_total = percent_company + percent_seller + percent_callcenter + percent_adv + percent_opt;
if(percent_total<100 || percent_total>100){
alert("수익분배의 총 합계가 100.0이 되어야 등록하실 수 있어요");
return;
}


2017년 11월 27일 월요일

자바스크립트 new Date month+1


자바스크립트 new Date month+1

//new Data 0=1월, 11=12월
var startDate = new Date(dtStartYear, dtStartMonth-1, dtStartDay, dtStartHour, dtStartMinute, 00);
var endDate  = new Date(dtEndYear, dtEndMonth-1, dtEndDay, dtEndHour, dtEndMinute, 00);

have a nice day~


2017년 11월 16일 목요일

자바스크립트 숫자에서 3자리마다 콤마를 표기해주기, 정규식 함수


자바스크립트 숫자에서 3자리마다 콤마를 표기해주기, 정규식 함수

한국 원화표기할 대 콤마를 표기해주는데, 유용하게 사용되는 함수

//3자리마다 콤마 표기해주기
function comma(str) {
    str = String(str);
    return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
}

//카테고리 초기정보 셋팅
function initCartInfo(){
for(var i=1; i<=20; i++){
var lcUnitOrderMenu  = getCookie( "order_menu"+i+"_name");
var lcUnitOrderPrice = getCookie( "order_menu"+i+"_price");
var lcUnitOrderCnt   = getCookie( "order_menu"+i+"_cnt");
var lcUnitOnePrice = 0;
if(lcUnitOrderMenu!="" && lcUnitOrderPrice!=""){
eval("document.all.ID_CART_ITEM_NAME_"+i).value  = lcUnitOrderMenu;
eval("document.all.ID_CART_ITEM_NAME_TXT_"+i).innerText = lcUnitOrderMenu;
eval("document.all.ID_CART_ITEM_CNT_"+i).value   = lcUnitOrderCnt;
eval("document.all.ID_CART_ITEM_PRICE_"+i).value = lcUnitOrderPrice; //단가

lcUnitOnePrice = Number(lcUnitOrderPrice) * Number(lcUnitOrderCnt);
lcUnitOnePrice = comma(lcUnitOnePrice);
eval("document.all.ID_CART_ITEM_PRICE_TXT_"+i).innerText = lcUnitOnePrice; //단가*수량

eval("document.all.ID_CART_ITEM_TR_"+i).style.display = "";
}else{
eval("document.all.ID_CART_ITEM_TR_"+i).style.display = "none";
}
}
}

즐거운 시간 보내세요~

2017년 9월 8일 금요일

자바스크립트 js link, js 파일의 오래된 캐시 대책, 새로운 리소스 로딩해주는 방법


자바스크립트 js link, js 파일의 오래된 캐시 대책, 새로운 리소스 로딩해주는 방법


원본)
<script language="javascript" src="/resource/js/link.js"></script>
<script language="javascript" src="/resource/js/flash.js"></script>
<script language="javascript" src="/resource/js/Cookie.js"></script>
<script language="javascript" src="/resource/js/file.js"></script>
<script language="javascript" src="/resource/js/string.js"></script>
<script language="javascript" src="/resource/js/numeric.js"></script>
<script language="javascript" src="/resource/js/image.js"></script>
<script type="text/javascript" src="/resource/js/image_lightbox.js"></script>
<script type="text/javascript" src="/resource/js/minipop_sideview.js"></script>

수정본)
<script language="javascript" src="/resource/js/link.js"></script>
<script language="javascript" src="/resource/js/flash.js"></script>
<script language="javascript" src="/resource/js/Cookie.js"></script>
<script language="javascript" src="/resource/js/file.js"></script>
<script language="javascript" src="/resource/js/string.js?ver=1.1"></script>
<script language="javascript" src="/resource/js/numeric.js"></script>
<script language="javascript" src="/resource/js/image.js"></script>
<script type="text/javascript" src="/resource/js/image_lightbox.js"></script>
<script type="text/javascript" src="/resource/js/minipop_sideview.js"></script>

link되는 파일명의 뒤쪽에 파라미터 추가하듯이 수정해주면 돼요 

?version1.1 등

새롭게 업데이트 되는경우 

?version1.2 등으로 수정해서 사용하세요~

즐거운 시간 보내세요~ 

2017년 8월 31일 목요일

자바스크립트로 주소를 입력하여 위도 경도 가져오기 - 구글 맵 서비스 이용, 지오코딩

자바스크립트로 주소를 입력하여 위도 경도 가져오기 - 구글 맵 서비스 이용, 지오코딩

<div id="locationField">
  <input id="autocomplete" placeholder="주소를 입력하세요~" type="text" style="width:95%; height:30px">
</div>
<input class="field" id="lat" />
<input class="field" id="lng" />
<script src="https://maps.googleapis.com/maps/api/js?key=구글에서 발급받으신 키를 입력하세요&libraries=places&callback=initAutocomplete" async defer></script>

<script>
var placeSearch, autocomplete;
function initAutocomplete() {
  autocomplete = new google.maps.places.Autocomplete(
                                      (document.getElementById('autocomplete')),{types: ['geocode']});
  autocomplete.addListener('place_changed', fillInAddress);
}
function fillInAddress() {
  var place = autocomplete.getPlace();
    document.getElementById("lat").value=place.geometry.location.lat();
    document.getElementById("lng").value=place.geometry.location.lng();
}
</script>

주소를 입력하시고 선택하시면 위도 경도 값이 입력필드에 들어가게 돼요

즐거운 시간 보내세요~

html, 자바스크립트 > 내일의 날짜 가지고 가기

html, 자바스크립트 > 내일의 날짜 가지고 가기

//가상계좌 입금만료일 설정 (today +1)
function getTomorrow(){
var today = new Date(); /* 현재 */
today.setDate(today.getDate() + 1);
var yyyy = today.getFullYear().toString();
    var mm = (today.getMonth()+1).toString();
    var dd = (today.getDate()).toString();
    if(mm.length < 2){mm = '0' + mm;}
    if(dd.length < 2){dd = '0' + dd;}
    return (yyyy + mm + dd);
}

즐거운 시간 보내세요~


2017년 8월 18일 금요일

자바스크립트 오늘 날짜 출력


자바스크립트 오늘 날짜 출력

<script language="javascript">
var d_today = new Date();

document.write('현재 년: ' + d_today.getFullYear() + '<br />');
document.write('현재 월: ' + (d_today.getMonth() + 1) + '<br />');
document.write('현재 일: ' + d_today.getDate() + '<br />');
</script>

즐거운 시간 보내세요~


2017년 8월 14일 월요일

자바스크립트 두 날짜 사이의 특정요일들의 갯수


자바스크립트 두 날짜 사이의 특정요일들의 갯수

//요일 수 계산
var lcVlYoilCnt = fnDateGetSatSun(glb_rent_start_date, glb_rent_end_date);



-----------------------------------------------------------------------------------



//두 날짜 사이의 요일 수를 출력해준다 (금요일, 토요일, 일요일)
//parm d1 : 20170101
//parm d2 : 20171003
//getSatSun(d1, d2)
function fnDateGetSatSun(d1, d2) {
    var sDate=lcDateFormatDate(d1);
    var eDate=lcDateFormatDate(d2);
    //alert(lcDateCountDay(sDate,eDate));

var count = 0;

count = lcDateCountDay(sDate,eDate);

return count;
}
function lcDateFormatDate(d) {
    return new Date(d.substr(0,4),Number(d.substr(4,2))-1,Number(d.substr(6)));
}
function lcDateCountDay(d1,d2) {
    var count=0;
    var tmp;
    for (var i=0; i<=(d2-d1)/1000/60/60/24; i++) {
      tmp=new Date(d1);
      tmp.setDate(tmp.getDate()+i);
 //0(일요일), 5(금요일), 6(토요일)
      if (tmp.getDay()==0 || tmp.getDay()==5 || tmp.getDay()==6) {
        count++;
      }
    }
    return count;
}

2017년 2월 16일 목요일

자바스크립트 문자열을 정수로 변환 > parseInt 정보


자바스크립트 문자열을 정수로 변환 > parseInt 정보


자바스크립트 문자열을 정수로 변환 > parseInt 

function saveProc(){
var form = document.frmWrite;
if(jsStringChkIsNull(form.request_money, "요청금액")){
return false;
}
var charge_money = parseInt(form.charge_money.value);
var request_money = parseInt(form.request_money.value);
if(charge_money<request_money){
alert("충전금보다 더 많은 금액을 요청하실 수 없어요");
form.request_money.focus();
return false;
}
if(request_money<5000){
alert("5000원 이상만 신청하실 수 있어요");
form.request_money.focus();
return false;
}
form.action="./1004_gisa_money_request_proc_v01.php";
return true;
}

2016년 2월 29일 월요일

자바스크립트에서 1차원배열 선언과 배열사이즈


자바스크립트에서 1차원배열 선언과 배열사이즈

var arrBunji = new Array();
for(var i=0; i<10000; i++){
arrBunji[i] = i+"";
}
배열을 선언해주고, 기본값으로 셋팅해준다

...

var iArrBunjiSize = arrBunji.length;
alert(iArrBunjiSize);
배열의 사이즈를 출력해준다


...

<script>arrBunji[<?=$lcNum?>]="<?=$rowJibun[jibun]?>";</script>
PHP, 배열에 값을 넣어준다


즐거운 시간 보내세요~