2014. 4. 30. 21:33 PROGRAMMING

[GOOGLE/API] 구글 API 지도 클릭, 주소 알아내기

[GOOGLE/API] 구글 API 지도 클릭, 주소 알아내기





<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<div id="map" style="width:730px; height:500px;"><br /></div>
<script type="text/javascript">
<!--
	var map = new google.maps.Map(document.getElementById("map"), {
		zoom: 12,
		center: new google.maps.LatLng(37.564615,126.98420299999998),
		mapTypeId: google.maps.MapTypeId.ROADMAP
	});
	google.maps.event.addListener(map, 'click', function(mouseEvent) {
		getAddress(mouseEvent.latLng);
	});

	function getAddress(latlng) {
		var geocoder = new google.maps.Geocoder();
		geocoder.geocode({
			latLng: latlng
		}, function(results, status) {
			if (status == google.maps.GeocoderStatus.OK) {
				if (results[0].geometry) {
					var address = results[0].formatted_address.replace(/^日本, /, '');
					new google.maps.InfoWindow({
						content: address + "<br />(Lat, Lng) = " + latlng
					}).open(map, new google.maps.Marker({
						position: latlng,
						map: map
					}));
				}
			} else if (status == google.maps.GeocoderStatus.ERROR) {
				alert("ERROR");
			} else if (status == google.maps.GeocoderStatus.INVALID_REQUEST) {
				alert("INVALID_REQUEST");
			} else if (status == google.maps.GeocoderStatus.OVER_QUERY_LIMIT) {
				alert("OVER_QUERY_LIMIT");
			} else if (status == google.maps.GeocoderStatus.REQUEST_DENIED) {
				alert("REQUEST_DENIED");
			} else if (status == google.maps.GeocoderStatus.UNKNOWN_ERROR) {
				alert("UNKNOWN_ERROR");
			} else if (status == google.maps.GeocoderStatus.ZERO_RESULTS) {
				alert("ZERO_RESULTS");
			} else {
				alert(status);
			}
		});
	}
//-->
</script>
2014. 2. 17. 09:30 COMPUTER/JAVASCRIPT, JQUERY

[JS/JQUERY] 제이쿼리 셀렉터 예제, jQuery Selector Example, siblings, prevAll, append, parent, css

[JS/JQUERY] 제이쿼리 셀렉터 예제, jQuery Selector Example, siblings, prevAll, append, parent, css

나(this)의 상위를 제외한 같은레벨의 백그라운드 컬러를 빨간색으로 변경

$(this).parent().siblings().css("background-color", "red");


나의 상위중 클래스가 .txt_2인 가장 가까운 객체의 백그라운드 컬러를 빨간색으로 변경

$(this).parent().prevAll('.txt_2:first').css("background-color", "red");


div의 lang속성에 안두리를 포함한 태그안에 html추가

$('div[lang*="kaudo"]').append('<p class="title_3">안녕하세요.</p>');



2012. 9. 5. 17:41 PROGRAMMING

[CHROME/JS] 크롬 익스텐션 사용자 변수 저장/로드 샘플 예제

[CHROME/JS] 크롬 익스텐션 사용자 변수 저장/로드 샘플 예제

크롬 익스텐션 개발시 사용자 변수를 저장하거나 로드하는 예제 입니다.

 

익스텐션 특성상 사용자가 입력한값을 저장해놨다가

다시 꺼내서 불러내어놔야 할 경우가 많이 있습니다.

 

나름 쿠키를 사용해도 별 문제는 없지만,

크롬에서는 localStorage라는 저장소가 있습니다.

 

 

저장하기 [SAVE]

localStorage["변수명"]=값; (popup.html 8줄)

 

불러오기 [LOAD]

var 변수=localStorage["변수명"]; (popup.html 15줄)

 

 

샘플 프로젝트(?)

 

1. 익스텐션에서 사용할 디렉토리를 만듭니다.

 

2. manifest.json 작성

{
	"name": "kaudo chrome extension sample",
	"version": "1.0",
	"description": "blog.nachal.com",
	"browser_action": {
		"popup": "popup.html"
	},
	"permissions": [
	],
	"background": {
	}
}

 

3. popup.html 작성

<html>
<style>
textarea{width:300px;height:50px}
input{width:300px}
</style>
<script type="text/javascript">
var update=function(str){
	localStorage["source"]=str;
	result.value=str.toLowerCase().replace(/(\_[a-z])/g, function($1){
		return $1.toUpperCase().replace('_','');
	});
}

var load=function(){
	if(localStorage['source']) source.value=localStorage['source'];
	update(source.value);
}
</script>
<body onload="load()">
<textarea id="source" onkeyup="update(this.value)" onfocus="update(this.value)" onblur="update(this.value)">
AHNDOORI DOORI AHN
</textarea><br/>
<textarea id="result"></textarea>
</body>
</html>

 

 

 

2009. 7. 27. 22:15 ETC

[KORG/MUSIC] 코르그 카오실레이터 샘플 자작 ㅋㅋ, Korg Kaossilator Sample

[KORG/MUSIC] 코르그 카오실레이터 샘플 자작 ㅋㅋ, Korg Kaossilator Sample

카오실레이터 샘플 2종




TEMPO 128

P97
B49 G32 C LYDIAN
D86 G03
D80

L01 G47 E_ MAJOR PENTATONIC
L12 G42 E_ MAJOR PENTATONIC
L09 GXX E_ MAJOR PENTATONIC
L02 G17 E_ MAJOR PENTATONIC

A27 G14 E_ MAJOR PENTATONIC

최근에 올라온 글

최근에 달린 댓글

티스토리툴바