| 자바스크립트 arguments,args (0) | 2012.01.31 |
|---|---|
| 자바스크립트 기본 명령어 모음 (0) | 2012.01.10 |
| javascript 문자열 처리 (0) | 2012.01.10 |
| dTree 트리구조 쉽게 사용하기 (0) | 2011.08.02 |
| 자바스크립트 내용복사, 부모창에 데이터 전달, 주민번호 유효성검사, 자동 포커스 등 (0) | 2011.08.01 |
스마트전
/**
* jQuery 를 이용한 Ajax 호출 샘플 코드
* 보통 함수에 Ajax 실행 함수를 넣어놓고 호출하여 사용합니다.
* 아래 Ajax 속성값을 이용하여 사용합니다.
* 필수 사용 : typr, url, dataType success
* 필수 JS 파일 : common.js (jQuery 라이브러리 파일)
*/
$.ajax({ // 실행 함수
type:"POST", // get.post 가능
url:"ajax.jsp", // 호출 url
dataType: "json", //date 타입 xml,text 등
data:"point=1&gift=2", // url 에 보낼 파라미터 값
timeout:3000, //제한시간 설정 가능
cache:false, // true, false
error:function(request, status, error){ // 에러 발생 시 status 400 이 성공 그 외 404, 500 등
alert("에러!");
},
success:function(msg){ // 성공 시 콜백 msg 에 data
alert("성공");
},
beforeSend:function(){ // ajax 통신을 시작하기 전에 콜백
alert("통신시작");
},
complete:function(){ //완료 후 실행할 콜백 함수 정의
alert("통신완료");
}
});
/**
* 상황에 따라 적절하게 함수 사용 아래 상황 예제 샘플
*/
// html document 완성 시 onload 와 유사함
jQuery(document).ready(function(){
$.ajax({
type:"GET",
url:"ajax.jsp",
data:param,
success:function(msg){
view_area.innerHTML = msg;
}
});
});
// 엘리먼트 클릭 등 dom 의 변화에 따른 이벤트 id , class 등 지정 가능
$(function() {
$('.divId').click(function() { // function 으로 감싸지 않고 아래의 예제처럼도 사용가능
});
});
// form submit 시 콜백 id, class 등 지정
$("formName").submit(function(){
});
// 함수 호출을 통한 ajax
function dom_start(_cnt1,_cnt2){
$.ajax({
type:"POST",
url:"ajax.jsp",
data:param,
success:function(msg){
view_area.innerHTML = msg;
}
});
}
| jQuery json load (0) | 2012.01.10 |
|---|---|
| jquery 정리 (0) | 2011.12.26 |
| jQuery 커버플로우 (0) | 2011.07.29 |
| jQuery 유용한 함수(?) eq (0) | 2011.06.23 |
| jQuery 애니메이션 메뉴 펼치기 접기 (0) | 2011.06.23 |
스마트전
테스트사이트검증서비스 -
http://validator.w3.org/
| 색상표 (0) | 2012.07.31 |
|---|---|
| HTMl 특수기호 처리 (0) | 2012.01.10 |
| css 이미지 자르기 (0) | 2011.07.29 |
| HTML 5 유용한 링크 (0) | 2011.07.29 |
스마트전
| 이클립스 단축키 (0) | 2012.04.27 |
|---|---|
| 리눅스 기초 명령어 모음 (0) | 2011.08.02 |
스마트전
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Destroydrop » Javascripts » Tree</title>
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
</head>
<body>
<h1><a href="/">Destroydrop</a> » <a href="/javascripts/">Javascripts</a> » <a href="/javascripts/tree/">Tree</a></h1>
<h2>Example</h2>
<div class="dtree">
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','example01.html');
d.add(2,0,'Node 2','example01.html');
d.add(3,1,'Node 1.1','example01.html');
d.add(4,0,'Node 3','example01.html');
d.add(5,3,'Node 1.1.1','example01.html');
d.add(6,5,'Node 1.1.1.1','example01.html');
d.add(7,0,'Node 4','example01.html');
d.add(8,1,'Node 1.2','example01.html');
d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
d.add(11,9,'Mom\'s birthday','example01.html');
d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');
document.write(d);
//-->
</script>
</div>
<p><a href="mailto:drop@destroydrop.com">©2002-2003 Geir Landrö</a></p>
</body>
</html>
| 자바스크립트 arguments,args (0) | 2012.01.31 |
|---|---|
| 자바스크립트 기본 명령어 모음 (0) | 2012.01.10 |
| javascript 문자열 처리 (0) | 2012.01.10 |
| 즐겨찾기 스크립트 (0) | 2011.10.11 |
| 자바스크립트 내용복사, 부모창에 데이터 전달, 주민번호 유효성검사, 자동 포커스 등 (0) | 2011.08.01 |
스마트전
엄청 많은 명령어가 있지만 기초 적인것만 추려서 올립니다.~
-옵션
alias(명령어 간소화하기)
bg(후면작업; 배경화면 설정)
cat(화면상에서 파일 보기)
cd(디렉토리 변경하기)
chmod(파일 권한 바꾸기) -R 777
chown(파일 주인 바꾸기) -R
command(명령어 알아보기)
cp(파일 복사하기) -rp
df(파일 시스템의 사용량 보기) -h
du(디렉토리와 파일의 용량 파악하기) -sh
env(환경변수 출력하기)
exit(종료하기)
fg(지정된 작업을 전면 프로세스로 시작하기)
file(파일 종류 보기)
find(파일 찾기)
finger(사용자 정보 알기)
free(메모리 사용량 알아보기) -m
grep(특정 문자(열) 검색하기) -Riv
gzip(압축하기)
halt(시스템 종료하기)
history(사용 명령어 목록보기)
hostname(서버 이름 알기)
id(계정 정보 알기)
ifconfig(랜카드에 주소 할당하기)
jobs(수행중인 프로세스 알기)
kill(프로세스 죽이기) -9
ln(링크하기)
logout(로그인 셸 종료하기)
ls(디렉토리 내용보기) -altr
man(명령어 사용법)
vi(vim) (텍스트 파일 편집기)
make(컴파일하기)
man(매뉴얼 보기)
mkdir (디렉토리 만들기)
more(화면 단위로 출력하기)
mv(파일 옮기기)
netstat(현재 네트웍 상황 보기)
passwd(암호 입력하기)
ps(프로세스 상태 알기) -ef
pwd(절대경로 보여주기)
rcp(원격 호스트에 파일 복사하기) -rp
reboot(재부팅하기)
rlogin(바로 접속하기)
rm(파일 지우기) -r 디렉터리 지우기 , -f 강제 삭제
route(라우팅 테이블 추가/삭제하기)
rpm(프로그램 추가/삭제)
rsh(원격으로 명령어 실행하기)
set(변수값 설정하기)
setup(시스템 관련 설정하기)
shutdown(전원 끄기)
sleep(잠시 쉬기)
ssh(암호화된 원격 로그인하기)
su(계정 바꾸기) -
sync(버퍼 재설정하기)
tail(문서 끝부분 출력하기) -f, -500
tar(파일 묶기) -xfvz
telnet(원격접속하기)
top(cpu 프로세스 상황 보여주기)
unalias(별명 제거하기)
uname(시스템 정보 보기)
uptime(시스템 부하 평균 보여주기)
users(로그인된 사용자 보여주기)
w(시스템에 접속한 사용자 상황 알아보기)
wc(문자, 단어, 라인수 세기)
whatis(명령어의 간단한 설명보기)
who(사용자 알기)
| 이클립스 단축키 (0) | 2012.04.27 |
|---|---|
| PHP 엑셀로 저장하기 (0) | 2011.08.03 |
스마트전
function closewindow(elementId){
window.close();
window.opener.document.getElementById(elementId).value = paramDate;
window.opener.document.getElementById(elementId1).value = paramDate1;
window.opener.document.getElementById(elementId2).value = paramDate2;
}
--------------------------------------------------------
자바스크립트로 location 할때 저는 주로 location.replace(returnUrl); 로 함 이유는 까먹음 더 좋다는것만 ㅋ
------------------------------------------------------------
주민등록 유효성 검사~~(실명인증은 아님) 주민번호 공식에 맞는지 체크
function document_check(){
var u_id_no = document.getElementById("first_id_no").value;
var test_no = u_id_no.substring(0,2);
var u_id = u_id_no + document.getElementById("second_id_no").value;
var m = parseInt(u_id.charAt(12));
var sum = 0;
for (i = 0, j = 2; i <= 11; i++) {
sum = sum + parseInt(u_id.charAt(i)) * j;
j = j + 1;
if (j == 10) {
j = 2;
}
}
var rest = sum % 11;
var gumsa = 11 - rest;
var check_no = gumsa % 10;
var coo = document.getElementById("id_check").checked;
if (check_no != m) {
alert("올바른 주민번호가 아닙니다.");
document.getElementById("first_id_no").value = "";
document.getElementById("second_id_no").value = "";
document.getElementById("first_id_no").focus();
return false;
}
}
------------------------------------------------------------------------
주민번호 등록양식에서 7자리 다 완성하면 그 다음 작성칸으로 포커스 자동 이동하기 (아래 예제에서maxlength 를 7로 하면 주민버호 앞 자리겠죠~? )
function moveFocus(obj,no,nextObj){
if(obj.value.length == no){
document.getElementById(nextObj).focus();
}
}
// HTML
<input name="second_phone_no" type="text" id="second_phone_no" size="8" maxlength="4" onkeyup="moveFocus(this,4,'third_phone_no')" />
| 자바스크립트 arguments,args (0) | 2012.01.31 |
|---|---|
| 자바스크립트 기본 명령어 모음 (0) | 2012.01.10 |
| javascript 문자열 처리 (0) | 2012.01.10 |
| 즐겨찾기 스크립트 (0) | 2011.10.11 |
| dTree 트리구조 쉽게 사용하기 (0) | 2011.08.02 |
스마트전
모바일웹 프로젝트 하면서 전국 날씨보기 페이지가 있었는데 그때 구현한 실제 css 내용입니다.
퍼포먼스와 관리를 위해서 이미지 한장을 로드한 후 css 로 잘라서 많이들 사용하는데요 css 조금 보실 수 있
으시분은 아래 소스만 보셔도 쉽게 아실듯..? 무책임한.....
사실 블로그가 남에게 알리는 용도 1% 제 소스 정리가 99% 목적이라 ㅎㅎㅎ
아래 처럼 자른 후 <span class='city10'></span> 이런식으로 사용합니다.
ul 이나 div 로 영역을 정한 후 class='weathersBox' 이렇게 하면 되겠죠
.weathersBox{ background:url(../../images/m_sbs/common/bg_line2.gif) repeat-x 0 bottom; padding-bottom:5px;}
.weathers{ position:relative; width:320px; margin:0 auto;}
.weathers p{ position:absolute; left:180px; top:40px;}
.weathers p strong{ display:block;color:#076b9d;}
.weathers p span{ display:block;}
.weathers .city{position:absolute; left:12px; top:12px;color:#076b9d; font-weight:bold;}
.weathersBox2{ background:url(../../images/m_sbs/common/bg_line2.gif) repeat-x 0 bottom; padding-bottom:5px;}
.maps{ position:relative; width:320px; margin:0 auto;}
.maps span{ display:block; width:40px; height:38px; background:url(../../images/m_sbs/weather/bg_box.gif) no-repeat 0 20px; text-align:center; padding:0 0 0 0; font-size:11px; color:#F00; height:65px; line-height:11px}
.maps strong{ color:#333;}
.maps span img{width:25px; height:20px; display:block; margin:0 auto; padding-top:13px;}
.maps .city1{ position:absolute; left:100px; top:20px;}
.maps .city2{ position:absolute; left:150px; top:10px;}
.maps .city3{ position:absolute; left:200px; top:20px;}
.maps .city4{ position:absolute; left:100px; top:90px;}
.maps .city5{ position:absolute; left:150px; top:80px;}
.maps .city6{ position:absolute; left:200px; top:90px;}
.maps .city7{ position:absolute; left:90px; top:170px;}
.maps .city8{ position:absolute; left:150px; top:140px;}
.maps .city9{ position:absolute; left:210px; top:180px;}
.maps .city10{ position:absolute; left:50px; top:60px;}
.maps .city11{ position:absolute; left:250px; top:20px;}
.maps .city12{ position:absolute; left:30px; top:160px;}
| 색상표 (0) | 2012.07.31 |
|---|---|
| HTMl 특수기호 처리 (0) | 2012.01.10 |
| 웹 표준 검증 사이트 (0) | 2011.08.03 |
| HTML 5 유용한 링크 (0) | 2011.07.29 |
스마트전
