Javascript – 지엘디지털

자바스크립트 post 폼전송

JavascriptBy 관리자 2020년 5월 28일

폼없이 post 전송

라디오버튼을 이용한 div 보이기

JavascriptBy 관리자 2017년 8월 11일

Jquery 버전

<form id='form-id'>
    <input id='watch-me' name='test' type='radio' value="a" />Show Div
    <br />
    <input name='test' type='radio' value="b" />
    <br />
    <input name='test' type='radio' value="c" />
</form>

<div id='show-me' style='display:none'>Hello</div>

<input id='watch-me' name='test' type='radio' value="a" />Show Div

<br />

<br />

</form>

<div id='show-me' style='display:none'>Hello</div>

<script type='text/javascript'>
$("input[name='test']").click(function () {
    $('#show-me').css('display', ($(this).val() === 'a') ? 'block':'none');
});
</script>
<script src="//code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>

$("input[name='test']").click(function () {

$('#show-me').css('display', ($(this).val() === 'a') ? 'block':'none');

});

</script>

Show Div Hello 혹은 원시적으로 ….. 근데 이건 이 페이지에서 실행이 안됨 실행 URL Here

<script type="text/javascript">
function dispList(selectList) {
    var obj1 = document.getElementById("sc1_list"); // 상품1 리스트
    var obj2 = document.getElementById("sc2_list"); // 상품2 리스트

    if( selectList == "0" ) { // 상품1 리스트
        obj1.style.display = "block";	
        obj2.style.display = "none";
        alert(	obj.style.display ) ;
    } else { // 상품2 리스트
        obj1.style.display = "none";
        obj2.style.display = "block";
    }
}
</script>

<input type="radio" name="choose" id="sc1" onclick="dispList('0');"> 학생 리스트
<input type="radio" name="choose" id="sc2" onclick="dispList('1');">선생님 리스트

<br/>
<br/>

<div id="sc1_list" style="display:none">
1. 상품 1-1 <br/>
2. 상품 1-2 <br/>
3. 상품 1-3 <br/>
</div>

<div id="sc2_list" style="display:none">
1. 상품 2-1 <br/>
2. 상품 2-2 <br/>
3. 상품 2-3 <br/>
</div>

function dispList(selectList) {

var obj1 = document.getElementById("sc1_list"); // 상품1 리스트

var obj2 = document.getElementById("sc2_list"); // 상품2 리스트

if( selectList == "0" ) { // 상품1 리스트

obj1.style.display = "block";

obj2.style.display = "none";

alert( obj.style.display ) ;

} else { // 상품2 리스트

obj1.style.display = "none";

obj2.style.display = "block";

}

</script>

<input type="radio" name="choose" id="sc1" onclick="dispList('0');"> 학생 리스트

<input type="radio" name="choose" id="sc2" onclick="dispList('1');">선생님 리스트

<br/>

1. 상품 1-1 <br/>

2. 상품 1-2 <br/>

3. 상품 1-3 <br/>

</div>

1. 상품 2-1 <br/>

2. 상품 2-2 <br/>

3. 상품 2-3 <br/>

</div>

상품1 리스트 상품2 리스트 1. 학생 1 2. 학생 2 3. 학생 3 1. 선생 1 2. 선생 2 3. 선생 3

쿠키활용코드

JavascriptBy 관리자 2016년 9월 21일 Leave a comment

자바스크립트 쿠키활용 예제코드 2016 오키나와에세이 렌트카 부분활용 예제

// 쿠키 생성
function setCookie(cName, cValue, cDay){
   var expire = new Date();
   expire.setDate(expire.getDate() + cDay);
   cookies = cName + '=' + escape(cValue) + '; path=/ '; 
   if(typeof cDay != 'undefined') cookies += ';expires=' + expire.toGMTString() + ';';
   document.cookie = cookies;
}

// 쿠키 출력
function getCookie(cName) {
    cName = cName + '=';
    var cookieData = document.cookie;
    var start = cookieData.indexOf(cName);
    var cValue = '';
    if(start != -1){
        start += cName.length;
        var end = cookieData.indexOf(';', start);
        if(end == -1)end = cookieData.length;
        cValue = cookieData.substring(start, end);
    }
    return unescape(cValue);
}
// 쿠키확인
function checkCookie(){
    var source=getCookie('source');
    if(source!=""){
        alert("Welcome again " + source);
    }else{
            setCookie('source', getParameter('source'), 0);
        }
    }
}

checkCookie();

// 쿠키 생성

function setCookie(cName, cValue, cDay){

var expire = new Date();

expire.setDate(expire.getDate() + cDay);

cookies = cName + '=' + escape(cValue) + '; path=/ ';

if(typeof cDay != 'undefined') cookies += ';expires=' + expire.toGMTString() + ';';

document.cookie = cookies;

}

// 쿠키 출력

function getCookie(cName) {

cName = cName + '=';

var cookieData = document.cookie;

var start = cookieData.indexOf(cName);

var cValue = '';

if(start != -1){

start += cName.length;

var end = cookieData.indexOf(';', start);

if(end == -1)end = cookieData.length;

cValue = cookieData.substring(start, end);

}

return unescape(cValue);

}

// 쿠키확인

function checkCookie(){

var source=getCookie('source');

if(source!=""){

alert("Welcome again " + source);

}else{

setCookie('source', getParameter('source'), 0);

}

checkCookie();

jquery datepicker 특정날짜만 disable 시키기

JavascriptBy 관리자 2015년 7월 23일 Leave a comment

날짜 컨트롤들을 지역화하여 한글 형태로 다루기 위해 먼저 datepicker 의 기본 옵션값을 세팅해 둔 후 주말(토,일요일), 일요일, 이전 날짜, 특정 날짜들을 return 하는 함수들도 선언해 둡니다. disabledDays 라는 배열변수에는 임의로 “2013-7-9”, “2013-7-24”, “2013-7-26” 와 같이 3개의 날짜를 듬성듬성 심어놓았습니다. 각 입력폼에 datepicker 를 호출하면서 beforeShowDay 라는 옵션값에 가져오는 값에 따라 특정날짜들이 disable 됩니다.

jQuery(function($){
	$.datepicker.regional['ko'] = {closeText: '닫기',prevText: '이전달',nextText: '다음달',currentText: '오늘',monthNames: ['1월(JAN)','2월(FEB)','3월(MAR)','4월(APR)','5월(MAY)','6월(JUN)','7월(JUL)','8월(AUG)','9월(SEP)','10월(OCT)','11월(NOV)','12월(DEC)'],monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],dayNames: ['일','월','화','수','목','금','토'],dayNamesShort: ['일','월','화','수','목','금','토'],dayNamesMin: ['일','월','화','수','목','금','토'],weekHeader: 'Wk',dateFormat: 'yy-mm-dd',firstDay: 0,isRTL: false,showMonthAfterYear: true,yearSuffix: ''};
	$.datepicker.setDefaults($.datepicker.regional['ko']);
	$('#date1').datepicker({showOn: 'both',buttonText: "달력",changeMonth: true,changeYear: true,showButtonPanel:true,yearRange: 'c-99:c+99',constrainInput: true,maxDate: '+1y',beforeShowDay: disableAllTheseDays	});
	$('#date2').datepicker({showOn: 'both',buttonText: "달력",changeMonth: true,changeYear: true,showButtonPanel:true,yearRange: 'c-99:c+99',constrainInput: true,maxDate: '+1y',beforeShowDay: noBefore	});
	$('#date3').datepicker({showOn: 'both',buttonText: "달력",changeMonth: true,changeYear: true,showButtonPanel:true,yearRange: 'c-99:c+99',constrainInput: true,maxDate: '+1y',beforeShowDay: noWeekendsOrHolidays	});
	$('#date4').datepicker({showOn: 'both',buttonText: "달력",changeMonth: true,changeYear: true,showButtonPanel:true,yearRange: 'c-99:c+99',constrainInput: true,maxDate: '+1y',beforeShowDay: noSundays	});
});

// 특정날짜들 배열
var disabledDays = ["2013-7-9","2013-7-24","2013-7-26"];

// 주말(토, 일요일) 선택 막기
function noWeekendsOrHolidays(date) {
	var noWeekend = jQuery.datepicker.noWeekends(date);
	return noWeekend[0] ? [true] : noWeekend;
}

// 일요일만 선택 막기 
function noSundays(date) { 
  return [date.getDay() != 0, '']; 
} 

// 이전 날짜들은 선택막기
function noBefore(date){
	if (date < new Date())
		return [false];
	return [true];
}

// 특정일 선택막기
function disableAllTheseDays(date) {
	var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
	for (i = 0; i < disabledDays.length; i++) {
		if($.inArray(y + '-' +(m+1) + '-' + d,disabledDays) != -1) {
			return [false];
		}
	}
	return [true];
}

jQuery(function($){

$.datepicker.regional['ko'] = {closeText: '닫기',prevText: '이전달',nextText: '다음달',currentText: '오늘',monthNames: ['1월(JAN)','2월(FEB)','3월(MAR)','4월(APR)','5월(MAY)','6월(JUN)','7월(JUL)','8월(AUG)','9월(SEP)','10월(OCT)','11월(NOV)','12월(DEC)'],monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],dayNames: ['일','월','화','수','목','금','토'],dayNamesShort: ['일','월','화','수','목','금','토'],dayNamesMin: ['일','월','화','수','목','금','토'],weekHeader: 'Wk',dateFormat: 'yy-mm-dd',firstDay: 0,isRTL: false,showMonthAfterYear: true,yearSuffix: ''};

$.datepicker.setDefaults($.datepicker.regional['ko']);

$('#date1').datepicker({showOn: 'both',buttonText: "달력",changeMonth: true,changeYear: true,showButtonPanel:true,yearRange: 'c-99:c+99',constrainInput: true,maxDate: '+1y',beforeShowDay: disableAllTheseDays });

$('#date2').datepicker({showOn: 'both',buttonText: "달력",changeMonth: true,changeYear: true,showButtonPanel:true,yearRange: 'c-99:c+99',constrainInput: true,maxDate: '+1y',beforeShowDay: noBefore });

$('#date3').datepicker({showOn: 'both',buttonText: "달력",changeMonth: true,changeYear: true,showButtonPanel:true,yearRange: 'c-99:c+99',constrainInput: true,maxDate: '+1y',beforeShowDay: noWeekendsOrHolidays });

$('#date4').datepicker({showOn: 'both',buttonText: "달력",changeMonth: true,changeYear: true,showButtonPanel:true,yearRange: 'c-99:c+99',constrainInput: true,maxDate: '+1y',beforeShowDay: noSundays });

});

// 특정날짜들 배열

var disabledDays = ["2013-7-9","2013-7-24","2013-7-26"];

// 주말(토, 일요일) 선택 막기

function noWeekendsOrHolidays(date) {

var noWeekend = jQuery.datepicker.noWeekends(date);

return noWeekend[0] ? [true] : noWeekend;

}

// 일요일만 선택 막기

function noSundays(date) {

return [date.getDay() != 0, ''];

}

// 이전 날짜들은 선택막기

function noBefore(date){

if (date < new Date())

return [false];

return [true];

}

// 특정일 선택막기

function disableAllTheseDays(date) {

var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();

for (i = 0; i < disabledDays.length; i++) {

if($.inArray(y + '-' +(m+1) + '-' + d,disabledDays) != -1) {

return [false];

}

return [true];

}

맨날 까묵어사서… 정리 한번 하고 갈께요 !!

<?
$today = date("F j, Y, g:i a");                 // March 10, 2001, 5:16 pm
$today = date("m.d.y");                         // 03.10.01
$today = date("j, n, Y");                       // 10, 3, 2001
$today = date("Ymd");                           // 20010310
$today = date('h-i-s, j-m-y, it is w Day z');   // 05-16-17, 10-03-01, 1631 1618 6 Fripm01
$today = date('it is the jS day.');             // It is the 10th day.
$today = date("D M j G:i:s T Y");               // Sat Mar 10 15:16:08 MST 2001
$today = date('H:m:s m is month');              // 17:03:17 m is month
$today = date("H:i:s");                         // 17:16:17
?>

$today = date("F j, Y, g:i a"); // March 10, 2001, 5:16 pm

$today = date("m.d.y"); // 03.10.01

$today = date("j, n, Y"); // 10, 3, 2001

$today = date("Ymd"); // 20010310

$today = date('h-i-s, j-m-y, it is w Day z'); // 05-16-17, 10-03-01, 1631 1618 6 Fripm01

$today = date('it is the jS day.'); // It is the 10th day.

$today = date("D M j G:i:s T Y"); // Sat Mar 10 15:16:08 MST 2001

$today = date('H:m:s m is month'); // 17:03:17 m is month

$today = date("H:i:s"); // 17:16:17

PHP 날짜관련함수 – date()

<?php
// 오늘로부터 5일 후
echo date(“Y-m-d”, strtotime("+5 day"));

// 다음은 오늘로부터 3일 전이 되겠습니다.
echo date(“Y-m-d”, strtotime("-3 day"));

// 오늘로부터 6주 전
$calyoil = 5 – date("w");           //현재 요일에서 금요일을 구하기 위한 가감
$needday = strtotime("-6 week");    // 6주전
$needday = date("Y-m-d" , strtotime("$calyoil days", $needday));
echo $needday;
?>

<?php

// 오늘로부터 5일 후

echo date(“Y-m-d”, strtotime("+5 day"));

// 다음은 오늘로부터 3일 전이 되겠습니다.

echo date(“Y-m-d”, strtotime("-3 day"));

// 오늘로부터 6주 전

$calyoil = 5 – date("w"); //현재 요일에서 금요일을 구하기 위한 가감

$needday = strtotime("-6 week"); // 6주전

$needday = date("Y-m-d" , strtotime("$calyoil days", $needday));

echo $needday;

<?php
// 윤년
if(29==date('t', mktime(0, 0, 0, 2, 1, $year)) {
    echo "윤년";
} else {
    echo "윤년아님";
}

// –mktime(시,분,초,월,일,년도)
// 그 달의 마지막 날짜 가지고 오기
$lastday = date('t', mktime(0, 0, 1, $month, 1, $year));
// 금주의 시작일 구하기
$now=date("w");
$m=$now-1;
$start=date("Y-n-d", strtotime("-$m day"));
?>

<?php

// 윤년

if(29==date('t', mktime(0, 0, 0, 2, 1, $year)) {

echo "윤년";

} else {

echo "윤년아님";

}

// –mktime(시,분,초,월,일,년도)

// 그 달의 마지막 날짜 가지고 오기

$lastday = date('t', mktime(0, 0, 1, $month, 1, $year));

// 금주의 시작일 구하기

$now=date("w");

$m=$now-1;

$start=date("Y-n-d", strtotime("-$m day"));

JS 날짜 정리 .. Month ( 0 ~ 11까지 정의 된다 ) 현재월을 표시하려면 month -1 하여라 .. 날짜 객체 생성 var today = new Date( 년 , 월 , 일 ) ; 날짜 년 가지고 오기 today.getYear(); 날짜 월…

자바스크립트 post 폼전송

라디오버튼을 이용한 div 보이기

쿠키활용코드

jquery datepicker 특정날짜만 disable 시키기

날짜관련 함수정리