1 2 3 4 5 6 L

Page Header > Subtitle

[javascript] script sample 예제

<span>String.prototype.trim = function() {
	return this.replace(/(^\s*)|(\s*$)/gi, "");
}
String.prototype.replaceAll = function(str1, str2) {
	var temp_str = "";
	if (this.trim() != "" && str1 != str2) {
		temp_str = this.trim();
		while (temp_str.indexOf(str1) > -1) {
			temp_str = temp_str.replace(str1, str2);
		}
	}
	return temp_str;
}​ 

 

<span>$(document).ready(function() {
	$('.btn-send').bind('click', onStart);
});
 
function onStart() {
	if (confirm('해당 내용으로 쪽지를 발송하시겠습니까?')) {
 
		$('#done').css('width', 0);
		count = 0;
		timer = setInterval("onProgress()", 100);
		isPlay = true;
		var form = document.frm;
		form.action = '/member/bandmemo/bandmemo_write/<?=$inventoryId?>';
		//form.phpsessid.value = phpsessid;
		//form.target = '_blank';  // 디버그시
		form.target = 'myframe';
		//실제적용
		form.submit();
	} else
		return false;
}​ 
 
function onProgress() {
 
	count++;
	//var memoCount = (count * <?=$people?>) /100;
	if (count <= 100) {
		$('#progress').show();
		$('#done').css('width', count + '%');
		$('#initNum').text(count + '%');
	} else {
		if (timer)
			clearInterval(timer);
		setTimeout(function() {
			//console.log(1111);
			//alert(1);
			//opener.location.reload();
			alert('쪽지 보내기가 완료 되었습니다!');
			closePopup();
		}, 100);
	}
}​ 

 

<span><div id="progress" style="display: none">
	<div id="background">
		<div id="done"></div>
	</div>
 
	<div class="info">
		<?=$profit?> 쪽지 발송 중 (<span id="initNum">0</span>)...
	</div>
</div>​ 

 

.contents #progress {
	position: absolute;
	width: 360px;
	height: 55px;
	top: 50px;
	left: 140px;
	border-radius: 5px;
	background-color: rgb(248, 248, 248);
	padding :10px;
	border: 1px solid rgb(204, 204, 204);
	box-shadow: 1px 2px 1px #ddd;
}
 
.contents #progress #background {
	position: absolute;
	border-radius: 5px;
	width: 330px;
	background-color: white;
	border: 1px solid rgb(204, 204, 204);
	height: 20px;
}
 
.contents #progress #done {
	position: absolute;
	border-radius: 5px;
	width: 60%;
	background-color: rgb(110, 130, 208);
	height: 20px;
}
 
.contents #progress .info {
	margin-top: 22px;
	font-size: 9pt;
	color: rgb(128, 128, 128);
}​ 

0
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기
captcha
자동등록방지 숫자입력

JS/Node.js

번호 제목 글쓴이 날짜 조회수
39 javascript [javascript] async, await를 사용하여 비동기 javascript를 동기식으로 만들자 미도어묵 02-18 1,022
38 javascript JavaScript 합집합, 교집합, 차집합, 대칭차 미도어묵 11-23 1,270
37 javascript jQuery 플러그인 부트스트랩의 콤포넌트(modal) 미도어묵 10-04 1,132
36 javascript Javascript 숫자에 천단위로 콤마(,) 찍기 미도어묵 08-20 791
35 javascript 함수형 프로그래밍 - 함수형으로 전환 미도어묵 08-09 857
34 Node.js nodejs & api call example 미도어묵 06-25 815
33 javascript jQuery 핸드폰 번호 체크하기 미도어묵 06-25 844
32 Node.js Node.js 업그레이드 미도어묵 04-23 762
31 Node.js node.js cross 도메인 header 처리 미도어묵 03-12 804
30 javascript hls.js 및 데모 미도어묵 02-22 796
29 Node.js node.js memcached_guide 미도어묵 01-02 799
28 Node.js clustering node + socket.io + redis 사용법 미도어묵 09-29 1,597
27 javascript script sample 예제 관리자 09-20 819
26 Node.js 커넥션 연결 확인 관리자 09-01 755
25 javascript [문법] [TypeScript] Electron + Vue.js 예제 관리자 07-24 1,082
24 javascript 웹 풀스택 입문을 위한 약 500페이지 분량의 교재 관리자 07-11 904
23 javascript [TypeScript] 타입스크립트 기초 세미나 자료 관리자 06-10 877
22 javascript javascript 함수 지향 관리자 04-08 788
21 Node.js Node.js 로 웹 사이트 데이터 가져오기 관리자 04-06 827
20 Node.js [MongoDB] Application / Mongoose를 이용하여 간단한 채팅 프로그램 개발 관리자 03-30 878