반응형

안녕하세요

오랜만에 글을 적으러 왔습니다.

 

프로젝트 로컬에 이미지가 있는지 여부를 확인 해야되는 상황이 있었는데 아래와 같은 코드로 

확인 후 Boolean 처리로 할 수 있는걸 알게 되어서 정리 합니다.

 

이미지뿐만 아니라 다른 파일들도 가능 할 것으로 보입니다.

//이미지 여부 체크
function fnImgChk(url) {

    var vResult;

    $.ajax({
        url: url,
        type: 'HEAD',
        async: false,
        success: function () {
            vResult = true;
        },
        error: function () {
            vResult = false;
        }
    });

    return vResult;
}
반응형

안녕하세요

 

또 한달만에 작성하는 블로그 입니다.

 

구글 API를 사용하여 Marker를 여러개 세팅하고 클릭하면 해당 ID를 가져와서 해당 마커의 대한 데이터를 가져오려고  

 

만든 소스 입니다.

 

다른 분들도 필요할지 모르겠지만..

map = new google.maps.Map(document.getElementById('google_map'), {        
        center: {
            lat: 37.551073,
            lng: 126.987893
        },
        zoom: 10,        
        //zoomControl: false,  줌 컨트롤
        streetViewControl: false, //로드뷰 아이콘 on/off        
        mapTypeControl : false //맵 타입 on/off (지도 , 위성)
    });

    //Marker 위치 세팅 (label , 경도 , 위도 , 아이디)
    var locations = [
        ['서울역', 37.5546788, 126.9706069,'idtest1'],
        ['서울특별시청', 37.5668260, 126.9786567, 'idtest2'],
        ['을지로입구역', 37.5660373, 126.9821930, 'idtest3'],
        ['덕수궁', 37.5655638, 126.974894, 'idtest4'],
    ];   

    //var infowindow = new google.maps.InfoWindow();
    var marker, i;

	//위치를 세팅 시켜줍니다.
    for (i = 0; i < locations.length; i++) {
        marker = new google.maps.Marker({
            position: new google.maps.LatLng(locations[i][1], locations[i][2]),
            map: map,
            id: locations[i][3]
        });

		//Marker를 찍었을 때 클릭 이벤트
        google.maps.event.addListener(marker, 'click', (function (marker, i) {
            return function () {
                alert(this.id); //아이디 가져오기

                ////중심 위치를 클릭된 마커의 위치로 변경
                //map.setCenter(this.getPosition());
              
                ////마커 클릭 시의 줌 변화
                //map.setZoom(14);

                //마커 클릭 시 label 및 데이터 보여주기
                //infowindow.setContent(locations[i][0]);
                //infowindow.open(map, marker);
            }
        })(marker, i));
    }

 

해당 건은 여러개의 블로그를 보고 만들었습니다.

 

감사합니다 :D

 

반응형

IE에서는 Window.open의 fullscreen 옵션이 되지만 크롬에서는 잘 되지 않는 경우가 많다.

 

아래와 같이 사용하면 새창의 전체화면으로 열수 있다.

window.open('URL','title','width=' + screen.width + ','height=' + screen.height + ',fullscreen=yes');



 

 

반응형
function _getParameter(param) 
{
	var returnValue = '';
	// 파라미터 파싱
	var url = location.href;
	var params = (url.slice(url.indexOf('?') + 1, url.length)).split('&');
	for (var i = 0; i < params.length; i++) 
	{
		var varName = params[i].split('=')[0];
		//파라미터 값이 같으면 해당 값을 리턴한다
		if (varName.toUpperCase() == param.toUpperCase()) 
		{
			returnValue = _fnToNull(params[i].split('=')[1]);
			if (returnValue == "") 
			{
				returnValue = "none"
			}
			return decodeURIComponent(returnValue);
		}
	}
	return returnValue;
}
반응형
//시간 시간:분분 format 만들기
function _fnFormatTime(vTime)
{
    if (String(vTime).length > 3) {
        return String(vTime).replace(/(\d{2})(\d{2})/, '$1:$2');
    }
    else {
        var vValue = "0" + String(vTime)
        return vValue.replace(/(\d{2})(\d{2})/, '$1:$2');
    }
}
반응형
//클릭 시 자동완성 리스트 꺼짐 
$(document).click(function(e){ 
    
    if (!$(e.target).is('#해당영역ID')) { 
        //이벤트
    }

    //ex
    if (!$(e.target).is('#')) { 
        $("#해당영역ID").css("display","none"); 
    } 
});
반응형

세션 (session)

//세션에 값 입력
sessionStorage.setItem([ ID, data );
//세션 값 출력
sessionStorage.getItem( ID );
//세션 값 삭제
sessionStorage.removeItem( ID );

 

쿠키 (Cookie)

//쿠키 생성 
function _fnSetCookie(name, value, hours) {
    if (hours) {
        var date = new Date();
        date.setTime(date.getTime() + (hours * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    } else {
        var expires = "";
    }
    document.cookie = name + "=" + value + expires + "; path=/";
}


//쿠키 값 입력 

function _fnGetCookie(cookie_name) {
    var x, y;
    var val = document.cookie.split(';');

    for (var i = 0; i < val.length; i++) {
        x = val[i].substr(0, val[i].indexOf('='));
        y = val[i].substr(val[i].indexOf('=') + 1);
        x = x.replace(/^\s+|\s+$/g, ''); // 앞과 뒤의 공백 제거하기
        if (x == cookie_name) {
            return unescape(y); // unescape로 디코딩 후 값 리턴
        }
    }
}


//쿠키 삭제하기

function _fnDelCookie(cookie_name) {
    document.cookie = cookie_name + '=; expires=Thu, 01 Jan 1999 00:00:10 GMT;';
}

 

+ Recent posts