메리

function func1(data){
    var str =[];
    $.ajax({
		url: '//'
		type: 'GET',
		data: data,
		success: function(r) {
			$.each(r.data, function(a,b) {
            str.push(a,b);
            })
  		}
    })
      console.log(str);
 }

ajax로 불러온 값으로 csv 파일 만들려고...

function 안에서 선언한 변수에..

ajax로 값을 가져와서 담고...

ajax 밖에서 값을 찍어봐도 도대체가 안찍히는거......

ajax 에서 전역변수에 값을 담을 땐...

async:false 를 추가하도록 하자...

function func1(data){
    var str =[];
    $.ajax({
		url: '//'
		type: 'GET',
		async:false,
		data: data,
		success: function(r) {
			$.each(r.data, function(a,b) {
            str.push(a,b);
            })
  		}
    })
      console.log(str);
 }

조건1) 초기화면에도 Datatable 형식의 table이 있어야함

조건2) 날짜 조건으로 검색(AJAX로 비동기처리)하면 데이터를 DataTable에 뿌려야 함

조건3) 데이터 뿌리고 ordering, filtering, paging이 다 먹어야함

(each를 이용하여 table에 text로 뿌리는 경우 기능이 안 먹었음.. 비동기로 가져와서 그런지 클릭하면 데이터가 없어짐)

1. 기본 화면 Datatable 구현 소스

language 는 그냥 한국어 표시용 옵션임.

2. 검색 시 Datatable 구현 소스

DataTable().destroy()를 넣은 이유는 위의 소스에서 생성된 datatable 때문에 

검색시 기존걸 없애고 다시 생성하기 위함. 

안 넣으면 아래처럼 cannot reinitialise datatable 오류가 뜸 

3. Controller 소스 

return 데이터 타입 : Map<String,Object>

Object 타입으로 반환해야 한다고 봤는데 Map도 된당. 

이름은 data로...

~결과~  ~성공~

아래 글을 참고하였음~

document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';

이렇게 삭제하면 된다는데 아무리해도 삭제가 안되고

value가 공백인 쿠키가 자꾸 새로 생기는거...

현재 페이지의 쿠키는 다음과 같았음(보안상 가림)

Name이 A고

Value가 B고

Domain이 C.kr

Path가 / 인 쿠키가 있다고 치면

document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;domain=C.kr;path=/;';

해서 도메인과 path까지 적어줘서 해당 쿠키를 세팅해야 했던것....

흑흑 해결.

대충 이렇게 생긴 테이블이다...

<tr>
	<td><input type="checkbox"></td>
 	<td><input type="text" value="111"></td>
	<td><input type="text" value="222"></td>
<tr>

<tr>
	<td><input type="checkbox"></td>
 	<td><input type="text" value="333"></td>
	<td><input type="text" value="444"></td>
<tr>

checkbox가 체크된 tr의 자식인 td들의 input value들을 다 선택하는 방법..

* table tr index는 0부터 시작한다

* td index도 0부터 시작한다

* 원하는 행부터 checkbox가 checked 인지 검사

* checked된 행을 찾으면 그 안의 input[type=text]인 자식을 다 찾는다..

* find()로 찾은 자식들은 앞에부터 eq(0)으로 찾으면 된다. ㅎㅎㅎㅎ

var data[]; //data배열 생성

for(var i=2; i <$('table tr').size(); i++){
	if($('table tr').eq(i).children().find('input[type="checkbox"]').is(':checked')){
        
	var setData={}; //배열에 넣을 데이터쌍 변수 생성
    
	setData['aa'] = $('table tr').eq(i).find('input[type="text"]').eq(0).val();
	setData['bb'] = $('table tr').eq(i).find('input[type="text"]').eq(1).val();
    
	data.push(setData);
    
    }
}

setData를 for문 밖에 생성하게 되면

매번 다른 tr의 td값들이 덮어씌워진다. 결국 한 행의 td값들만 들어가게 됨. ㅠ ㅠ 

콘솔에서 찍어보니 data는 이렇게 생긴거같다

data : [ { aa : "111" , bb : "222" } ], [ { aa : "333" , bb : "444"} ] 

zzznara2.tistory.com/673

이 글을 참조해서 String to JSON 변환을 하려고 했는데..

import 에러...

그래서 json-simple-1.1.1.jar 파일을 Maven Dependendy(라이브러리)에 추가하니 됨!

result는 json형태로 만든 String 변수임 

JSONParser parser = new JSONParser();
Object obj;
	try{
		obj = parser.parse(result);
	}catch(Exception e ){
		obj="error";
	} 
JSONObject jsonObj = (JSONObject) obj;
System.out.println("생성된 jsonObj : " + jsonObj);

return jsonObj;

1. JSONParser 생성

2. Object 생성

3. parser로 string 변환... 하려는데... unhandled exception 에러가 떠서 try catch를 해줬다 ㅠ ㅠ 거 참

4. 생성된 jsonObj 리턴 ㅎㅎ .. 해야 돼서 함수 리턴타입도 JSONObject로 바꿔줌!

일반/Q&A/익명/자유 중 게시글 타입(전체선택/일반/Q&A/익명/자유)을 check하여 조회하면

빨간 네모 친 부분(게시글 표시 부분)만 동적으로 바뀌도록 구현 

1. checked된 값을 serilalize

var $frm = $j("input[class=checktype]:checked");
var param = $frm.serialize();

2. AJAX를 이용하여 전송 

$j.ajax({
	    url : "/board/boardTypeList.do",
	    dataType: "json",
	    type: "POST",
	    data : param

3. Controller에서 getParameterValues를 이용해 파라미터를 받는다. 

controller 전체 코드는 글 마지막부분 참고

String[] boardType; //checkbox 선택지 가져올 배열 생성
boardType=request.getParameterValues("boardType"); //checkbox 선택지 가져오기
map.put("boardType", boardType);//checkbox 선택지 map에 담기 

4. 게시글을 List에 담고 hashmap을 통해 반환하려고함 

List<BoardVo> boardList = new ArrayList<BoardVo>(); //글 가져올 List 생성
boardList = boardService.selectBoardType(map);//pageVo와 checkbox 선택지 넘김
		
int totalCnt = 0; //totalCnt 초기화
totalCnt = boardService.boardTypeListCount(boardType); //checkbox 선택지 넘김

HashMap<String, Object> result = new HashMap<String, Object>();
CommonUtil commonUtil = new CommonUtil();
result.put("list", boardList);
result.put("totalCnt", totalCnt);
result.put("codeMap", codeMap);
String result1 = commonUtil.getJsonCallBackString(" ", result);
return result1;

result 해쉬맵에 담겨진 값은 JSON타입으로 view(jsp)에 반환된다.

반환되는 값은 이렇게 생김

result1 : {"totalCnt":3,"list":[{"boardType":"a04","boardNum":10,"boardTitle":"4444","boardComment":"4444","creator":null,"modifier":null,"totalCnt":3,"boardVoList":null},{"boardType":"a04","boardNum":9,"boardTitle":"3","boardComment":null,"creator":null,"modifier":null,"totalCnt":3,"boardVoList":null},{"boardType":"a04","boardNum":7,"boardTitle":"123123","boardComment":null,"creator":null,"modifier":null,"totalCnt":3,"boardVoList":null}],"codeMap":{"a02":"Q&A","a01":"일반","a04":"자유","a03":"익명"}}

5. result1 값을 반환받은 view(jsp)에선 그 값을 table에 뿌려주면 됨.

 success: function(data){

	//데이터를 새로 뿌리기 위해 이전 표를 지움 
	var trlength = $j('#boardTest tr').length;
	for(var t=trlength-1;t>0;t--){
	 	table.deleteRow(t);
     }
     
 	//데이터 뿌리기 
	for(var i=0;i<data.list.length;i++){
		$j('#boardTest').append("<tr><td align='center'>" 
			+ data.codeMap[data.list[i].boardType] + "</td>" +
			"<td>" + data.list[i].boardNum + "</td>" +
			"<td><a href= '/board/" + data.list[i].boardType 
			+ "/" + data.list[i].boardNum 
			+ "/boardView.do?pageNo=";  
 	}
 }

[전체 코드]

<javascipt > 

//게시판 글 조회 AJAX
$j("#search").on("click",function(){
	var ch = $j('input:checked').val();
	if(ch==null){
	  alert("체크 하세요");
	    return false;
	}
	
	
	var $frm = $j("input[class=checktype]:checked");
	var param = $frm.serialize();
	var table = document.getElementById('boardTest');
	
	$j.ajax({
	   url : "/board/boardTypeList.do",
	   dataType: "json",
	   type: "POST",
	   data : param,
	   success: function(data)
	   {
	     console.log(data.list.length)
	     $j('#cntbox').html("total : " + data.totalCnt);
         
	     //데이터를 새로 뿌리기 위해 이전 표를 지움 
	     var trlength = $j('#boardTest tr').length;
	     for(var t=trlength-1;t>0;t--){
	       table.deleteRow(t);
	     }

	     //데이터 뿌리기 
	     for(var i=0;i<data.list.length;i++){
		$j('#boardTest').append("<tr><td align='center'>" + data.codeMap[data.list[i].boardType] + "</td>" 
		+"<td>" + data.list[i].boardNum + "</td>" 
		+"<td><a href= '/board/" + data.list[i].boardType 
		+ "/" + data.list[i].boardNum 
		+ "/boardView.do?pageNo=" ;
	     }
	   },
	   error: function (){alert("검색실패");}
	});	
});

<Controller>

	//글 타입 조회 AJAX처리
	@RequestMapping(value="/board/boardTypeList.do", method=RequestMethod.POST, produces = "application/json; charset=utf8")
	@ResponseBody
	public String BoardTypeList(HttpServletRequest request,Model model) throws Exception {
		
		//page와 checkbox 선택지 담을 변수
		HashMap<String, Object> map = new HashMap<String, Object>(); 
		
		//checkbox 선택지 가져올 배열 생성
		String[] boardType; 
        
		//checkbox 선택지 가져오기
		boardType=request.getParameterValues("boardType"); 
        
		for(int i=0; i<boardType.length;i++) {
		   System.out.println("선택한 checkbox[" + i + "] : " + boardType[i] );
		}
        
		//checkbox 선택지 map에 담기 
		map.put("boardType", boardType);
		
				
		PageVo pageVo = new PageVo();
		pageVo.setPageNo(1);
        
		//pagevo map에 담기
		map.put("pageVo",pageVo); 
		
		//글 가져올 List 생성
		List<BoardVo> boardList = new ArrayList<BoardVo>();
        
		//pageVo와 checkbox 선택지 넘김
		boardList = boardService.selectBoardType(map);
		
		//totalCnt 초기화
		int totalCnt = 0; 
        
		//checkbox 선택지 넘김
		totalCnt = boardService.boardTypeListCount(boardType); 
		
		//타입 id - name 짝 map 생성
		HashMap<String, String> codeMap = new HashMap<String, String>(); 
        
		//타입 가져올 List 생성
		List<CodeVo> codeList = new ArrayList<CodeVo>(); 
        
		//타입id, 타입 이름 가져오기	
		codeList = boardService.selectCode("menu");
        
		//타입id, 타입 이름List Map에 담기
		for(int i=0; i<4;i++) {
		   codeMap.put(codeList.get(i).getCodeId(),codeList.get(i).getCodeName());
		}
		
		
		HashMap<String, Object> result = new HashMap<String, Object>();
		CommonUtil commonUtil = new CommonUtil();
		result.put("list", boardList);
		result.put("totalCnt", totalCnt);
		result.put("codeMap", codeMap);
		
		String result1 = commonUtil.getJsonCallBackString(" ", result);
		
		model.addAttribute("codeMap",codeMap);
		model.addAttribute("totalCnt", totalCnt);
        
		return result1;
	}

한글 유니코드를 이용하는 방법은 

아래 한글 가상키보드 만들기 페이지를 참고하였음! 

note.heyo.me/%ED%95%9C%EA%B8%80-%EA%B0%80%EC%83%81%ED%82%A4%EB%B3%B4%EB%93%9C-%EB%A7%8C%EB%93%A4%EA%B8%B0-1/

대충 알고리즘은 이렇슴

* 자음, 모음 판별 함수 필요

* 자음, 모음,  겹자음&쌍자음, 겹모음이 있는 배열 변수 필요

1. 바로 앞에 문자가 없으면 그냥 누르는 거 출력

1. 바로 앞에 문자가 있으면 앞문자의 초성, 중성, 종성, 각각의 인덱스를 구한다. 

   1.1 앞 문자가 하나의 자음인 경우 ex) ㄱ or ㄳ or ㅆ  

   1.2 앞 문자가 하나의 모음인 경우 ex) ㅏ or ㅢ 

   1.3 앞 문자가 하나의 모음이나 자음이 아닌 경우

2.  앞 문자와 새로 입력한 문자를 고려하여 재조합하여 출력 

             1) 앞 문자가 하나의 자음 + 입력문자 자음인 경우

                 a) 앞문자 + 입력문자 = 겹자음 or 쌍자음인경우 ex) ㄱ + ㅅ = ㄳ

                 b) 앞문자 + 입력문자 = 겹자음 or 쌍자음 아닌 경우 ㄱ+ ㅂ = ㄱㅂ

             2) 앞 문자가 하나의 자음 + 입력문자 모음인 경우 

                 a) 앞문자가 겹문자인 경우 ex) ㄳ + ㅏ  = ㄱ사

                 b) 앞문자가 겹문자가 아닌 경우 ex) ㅂ + ㅏ = 바

             3) 앞 문자가 하나의 모음 + 입력문자 자음인 경우 ex) ㅏ + ㅂ = ㅏㅂ -> 걍 출력

             4) 앞 문자가 하나의 모음 + 입력문자 모음인 경우

                 a) 앞 자음 + 입력 자음 = 겹자음인 경우 ex) ㅡ+ㅣ = ㅢ

                 b) 앞 자음 + 입력 자음 = 겹자음 아닌 경우 ex) ㅓ+ㅏ = ㅓㅏ

            5) 앞 문자에 종성이 있는 경우 + 입력문자 자음

                 a) 앞 종성 + 입력 자음 = 겹자음인 경우 ex) 갑+ㅅ = 값

                 b) 앞 종성 + 입력 자음 = 겹자음 아닌 경우 ex) 갖 + ㄱ = 갖ㄱ

            6) 앞 문자에 종성이 있는 경우 + 입력문자 모음 

                 a) 앞 종성이 겹자음인경우 + 입력 모음  ex) 갉 + ㅏ = 갈가

                 b) 앞 종성이 겹자음이 아닌 경우 + 입력 모음 ex ) 간 + ㅏ = 가나

            7) 앞 문자에 종성이 없는 경우 + 입력문자 자음

                 a) 입력한 자음이 받침이 될 수 있는 경우 ex) 가 + ㅇ = 강

                 b) 입력한 자음이 받침이 될 수 없는 경우 ex) 생각해보니 이 경우는 없는 것 같다.

            8) 앞 문자에 종성이 없는 경우 + 입력문자 모음 

                 a) 앞 문자 모음 + 입력문자 모음 = 겹모음인 경우 ex) 구 + ㅓ = 궈

                 b) 앞 문자 모음 + 입력문자 모음 = 겹모음이 아닌 경우 ex) 구 + ㅏ = 구ㅏ

재조합한 경우 

앞문자를 지우고 재조합한 문자와 입력한 문자를 고려해 모두 출력해야 되는데 

경우의 수가 너무 많아 넘 복잡 

키보드 버튼 생성

자음, 모음, 겹자음&쌍자음 인덱스 

//index
var chosung_index = ["ㄱ","ㄲ","ㄴ","ㄷ","ㄸ","ㄹ","ㅁ","ㅂ","ㅃ","ㅅ","ㅆ","ㅇ","ㅈ","ㅉ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"]; //19개
var joongsung_index = ["ㅏ","ㅐ","ㅑ","ㅒ","ㅓ","ㅔ","ㅕ","ㅖ","ㅗ","ㅘ","ㅙ","ㅚ","ㅛ","ㅜ","ㅝ","ㅞ","ㅟ","ㅠ","ㅡ","ㅢ","ㅣ"]; //22개
var jongsung_index = ["", "ㄱ", "ㄲ", "ㄳ", "ㄴ", "ㄵ", "ㄶ", "ㄷ", "ㄹ","ㄺ", "ㄻ", "ㄼ", "ㄽ", "ㄾ", "ㄿ", "ㅀ", "ㅁ", //28개
      "ㅂ", "ㅄ", "ㅅ", "ㅆ", "ㅇ", "ㅈ", "ㅊ", "ㅋ", "ㅌ", "ㅍ", "ㅎ"];
      
var Jcombo_index=["ㄳ","ㄵ","ㄶ","ㄺ","ㄻ","ㄼ","ㄽ","ㄾ","ㄿ","ㅀ","ㅄ"]; //11개 
var Jcombo=["ㄱㅅ","ㄴㅈ","ㄴㅎ","ㄹㄱ","ㄹㅁ","ㄹㅂ","ㄹㅅ","ㄹㅌ","ㄹㅍ","ㄹㅎ","ㅂㅅ"];
var Mcombo_index =['ㅘ','ㅙ','ㅚ','ㅝ','ㅞ','ㅟ','ㅢ']; //7개 
var Mcombo=['ㅗㅏ','ㅗㅐ','ㅗㅣ','ㅜㅓ','ㅜㅔ','ㅜㅣ','ㅡㅣ'];

자음 모음 판별 함수 

var JM = function(char_uni){ // 글자가 자음인가 모음인가? 
	if(char_uni >= 12593 && char_uni <= 12622){
		return "J";
	}else if(char_uni >= 12623 && char_uni <= 12643){
		return "M";
	}else{
		return "";
	}
}

글자 출력 함수 

$j('.key').on("click",function(){
	
	//버튼 입력 값 
	var key=$j(this).val(); 
	
	//합쳐서 나올 값
	var hangeul="";
	
	// input란에 있는 값
	var text=$j('#test').val(); 
	
	
	//input란에 있는 마지막 문자
	var lasttext = text.substring(text.length-1);
	
	
	if(key==" space "){
		key=" ";
		$j('#test').val(text+key);
		$j('#test').focus();
	}
	
	else if(key=="◀-"){
		text=text.substring(0,text.length-1);
		$j('#test').val(text);
		$j('#test').focus();
	}
	else{
	if(lasttext!=""){//마지막 문자가 공백이 아닐 경우만 실행 

		//마지막 문자의 유니코드 
		var lasttext_uni=lasttext.charCodeAt(0);
	
		//1. 마지막 글자의 초성,중성,종성과 인덱스 구하기
		var chosung;
		var joongsung;
		var jongsung;
		
		var jong_idx;
		var joong_idx;
		var cho_idx;
		
		//마지막 문자가 하나의 자음만 있는 경우 
		if(JM(lasttext_uni)=="J"){
			chosung=lasttext;
			joongsung="";
			jongsung="";
		
		//마지막 문자가 하나의 모음만 있는 경우 
		}else if(JM(lasttext_uni)=="M"){
			chosung="";
			joongsung=lasttext;
			jongsung="";
			
		}else{//마지막 문자가 하나의 자음이나 모음이 아닌경우 

			//마지막 문자에서 AC00을 뺀다
			var lastchar_uni_cal = lasttext_uni-44032; 
	
			//마지막 문자의 초성, 중성, 종성의 인덱스 구하기 
			//한글음절위치 = ((초성index * 21) + 중성index) * 28 + 종성index
			jong_idx = lastchar_uni_cal % 28;
			joong_idx = (Math.floor(lastchar_uni_cal/28)) % 21;
			cho_idx = Math.floor((Math.floor(lastchar_uni_cal / 28)) / 21);
	
			//마지막 문자의 초성, 중성, 종성 구하기 
			chosung = chosung_index[cho_idx];
			joongsung = joongsung_index[joong_idx];
			jongsung = jongsung_index[jong_idx];
		
			

	
		}//마지막 문자가 하나의 자음이나 모음이 아닌경우  초,중,종 구하기 끝 
		
		console.log("마지막문자 :  " + lasttext);
		console.log("마지막 문자의 초성,index : " + chosung + cho_idx);
		console.log("마지막 문자의 중성,index : " + joongsung + joong_idx);
		console.log("마지막 문자의 종성,index : " + jongsung + jong_idx);
		//2. 방금 친 글자 모음인지 자음인지 구별 
		var key_jm = JM(key.charCodeAt(0));
		console.log("방금 친 글자 : " + key +  " / 자음모음 : " + key_jm);
	
		var str_uni;
		var key_idx;
		
		//3. 글자 재조합
		
		//앞에 자음만 있는 경우 + 자음
		if(lasttext==chosung&&key_jm=="J"){
			console.log("앞에 자음만 있는 경우 + 자음");
			var newja = chosung+key;
			
			//앞자음 + 뒷자음 = 콤보인경우
			if(Jcombo.indexOf(newja)!=-1){
				newja = Jcombo_index[Jcombo.indexOf(newja)];
					
				text=text.substring(0,text.length-1);		
				$j('#test').val(text+newja);
				$j('#test').focus();
			
			//앞자음+ 뒷자음 = 콤보 아님 	
			}else{
				$j('#test').val(text+key);
				$j('#test').focus();
			}
			

		//앞에 자음만 있는경우 + 모음 
		}else if(lasttext==chosung&&key_jm=="M"){
			console.log("앞에 자음만 있는 경우 + 모음");
			key_idx = joongsung_index.indexOf(key);
			//앞 자음이 콤보인경우
			if(Jcombo_index.indexOf(lasttext)!= -1){
				var newja = Jcombo[Jcombo_index.indexOf(lasttext)];
				var newja1 = newja.substring(0,1);
				var newja2 = newja.substring(1,newja.length);
				console.log("앞 자음의 콤보 쪼개기 : " + newja1 + ", " + newja2);
				
				var newja2_idx = chosung_index.indexOf(newja2);
				
				var str_uni =( (newja2_idx*21) + key_idx ) * 28  + 44032;
				var str=String.fromCharCode(str_uni);
				
				hangeul = newja1+str;
				text=text.substring(0,text.length-1);		
				$j('#test').val(text+hangeul);
				$j('#test').focus();	

			
			}else{//앞 자음이 콤보가 아닌 경우 ex) ㄱ + ㅏ  가 
				cho_idx = chosung_index.indexOf(chosung);
				var str_uni =( (cho_idx*21) + key_idx ) * 28  + 44032;
				
				var hangeul=String.fromCharCode(str_uni);
				text=text.substring(0,text.length-1);		
				$j('#test').val(text+hangeul);
				$j('#test').focus();	
				
			}
				
		//앞에 모음만 있는 경우 + 자음
		}else if(lasttext==joongsung&&key_jm=="J"){
			console.log("앞에 모음만 있는 경우 + 자음");
	
			$j('#test').val(text+key);
			$j('#test').focus();	
		
		//앞에 모음만 있는 경우 + 모음 
		}else if(lasttext==joongsung&&key_jm=="M"){
			console.log("앞에 모음만 있는 경우 + 모음 ");
			var newchar = lasttext+key;
			
			//모음이 콤보인 경우
			if(Mcombo.indexOf(newchar)!=-1){
				newchar = Mcombo_index[Mcombo.indexOf(newchar)];
				
				text=text.substring(0,text.length-1);		
				$j('#test').val(text+newchar);
				$j('#test').focus();	
				
			//모음이 콤보 아닌 경우
			}else{
		
				$j('#test').val(text+key);
				$j('#test').focus();
				
			}
			
			
			
			
		//3-1 이전글자 종성이 있는경우 + 자음
		}else if(jongsung!="" && key_jm=="J"){
			console.log("이전글자 종성이 있는 경우 + 자음");
			var newjong_idx = Jcombo.indexOf(jongsung+key);
			console.log(newjong_idx);
	
			//이전글자 종성 + 입력한 자음이 Combo에 있는 경우ex) 갈+ㄱ = 갉 
			if(newjong_idx!=-1){
				newjong=Jcombo_index[newjong_idx];
				newjong_idx=jongsung_index.indexOf(newjong);
				
				str_uni = ((cho_idx * 21) + joong_idx) * 28 + newjong_idx + 44032;
				hangeul= String.fromCharCode(str_uni);
				console.log("새로 조합한 문자 : " + hangeul);
				
				text=text.substring(0,text.length-1);		
				$j('#test').val(text+hangeul);
				$j('#test').focus();	
			
			//이전글자 종성 + 입력한 자음이 Combo에 없는 경우  ex) 각+ㅇ =각ㅇ
			}else{
				$j('#test').val(text+key);
				$j('#test').focus();			
			}
			
				

		//3-2 이전글자 종성이 있는 경우 + 모음  ex) 강 + ㅏ  = 가아   값 + ㅏ + 갑 사
		}else if(jongsung!="" && key_jm=="M"){ 
			console.log("이전글자 종성이 있는경우 + 모음");
			var newjong_idx = Jcombo_index.indexOf(jongsung);
			key_idx=joongsung_index.indexOf(key);
			
			//종성이 콤보인경우			
			if(newjong_idx!=-1){
				var newjong = Jcombo[newjong_idx];
				var newjong1 = newjong.substring(0,1);
				var newjong2 = newjong.substring(1,newjong.length);
				
				var newjong1_idx = jongsung_index.indexOf(newjong1);
				var newjong2_idx = chosung_index.indexOf(newjong2);
				
				var str_uni1 =( (cho_idx*21) + joong_idx ) * 28 + newjong1_idx + 44032;
				var str_uni2 = ((newjong2_idx * 21) + key_idx ) * 28 + 44032;

				
				hangeul = String.fromCharCode(str_uni1) + String.fromCharCode(str_uni2);
				console.log("새로 조합한 문자 : " + hangeul);
				
				text=text.substring(0,text.length-1);		
				$j('#test').val(text+hangeul);
				$j('#test').focus();	
				
			
				//종성이 콤보가 아닌경우 ex 강+ㅏ  가 아 
			}else{
				var newcho_idx = chosung_index.indexOf(jongsung);

				var str_uni1 =( (cho_idx*21) + joong_idx ) * 28 + 44032;
				var str_uni2 =( (newcho_idx*21) + key_idx ) * 28 + 44032;
				console.log(jong_idx);
				
				hangeul = String.fromCharCode(str_uni1) + String.fromCharCode(str_uni2);
				console.log("새로 조합한 문자 : " + hangeul);
				
				text=text.substring(0,text.length-1);		
				$j('#test').val(text+hangeul);
				$j('#test').focus();				
				
			}
			
			
			
		//3-3 이전글자 종성이 없는 경우 + 자음 ex) 가 + ㅇ = 강, 가 + ㅉ = 가ㅉ
		}else if(jongsung=="" && key_jm=="J"){
			console.log("이전글자 종성이 없는 경우 + 자음");
			key_idx = jongsung_index.indexOf(key);
			
			//입력한 자음이 받침이 될 수 있는 경우
			if(key_idx!=-1){
			str_uni = ( (cho_idx*21)+joong_idx ) * 28 +key_idx + 44032;
			hangeul = String.fromCharCode(str_uni);
			
			console.log("새로 조합한 문자 : " + hangeul);
			
			text=text.substring(0,text.length-1);		
			$j('#test').val(text+hangeul);
			$j('#test').focus();	
			
			//입력한 자음이 받침이 될 수 없는 경우 
			}else{
				$j('#test').val(text+key);
				$j('#test').focus();
			}
			
		//3-4 이전글자 종성이 없는 경우 + 모음
		}else if(jongsung=="" && key_jm=="M"){
			console.log("이전글자 종성이 없는 경우 + 모음");
			var mcom = joongsung+key; // ㅜㅣ
			var mcom_idx = Mcombo.indexOf(mcom);	

			//이전글자 모음(중성) + 친 글자(모음) = 콤보인경우 ex. 구 + ㅣ = 귀
			 if(mcom_idx!=-1){

				mcom=Mcombo_index[mcom_idx];
				mcom_idx=joongsung_index.indexOf(mcom);
				str_uni = ((cho_idx*21 )  + mcom_idx ) * 28 + 44032;			 
				hangeul = String.fromCharCode(str_uni);
				console.log("새로 조합한 문자 : " + hangeul);
					
				text=text.substring(0,text.length-1);		
				$j('#test').val(text+hangeul);
				$j('#test').focus();	
				 
				//이전글자 모음(중성) + 친글자(모음) 콤보 아닌경우 ex.구 + ㅏ = 구ㅏ
			 }else{
				 console.log("이전글자 모음 + 친글자 모음 ");
				$j('#test').val(text+key);
				$j('#test').focus();
			 }
				
		}
		

	}//마지막 문자가 공백이 아닌경우 끝 
	
	else{//마지막 문자가 공백이면 
		//input란에  바로 출력
		$j('#test').val(text+key);
		$j('#test').focus();
	}
}

	
});

끝 

졸라고생

테이블의 행 번호 구하기

테이블의 행번호는 0부터 시작

tr의 번호를 구하는것 

테이블 한 행의 코드

<tr>
	<td height="300" align="center">
		Comment<br>
        <input type="button" value="행 지우기"  onclick="deleteRow(this)">
	</td>
	<td valign="top">
		<textarea name="boardVoList[0].boardComment"  rows="20" cols="55" id="boardComment0" maxlength="499">${board.boardComment}</textarea>
	</td>
</tr>

this를 함수로 넘겨서 index를 구한다.

테이블 행 인덱스 구하는 script

function deleteRow(obj){

 	alert($j(obj).parent().parent().index());
	alert(obj.parentNode.parentNode.rowIndex);
	var tr=$j(obj).parent().parent();
	
	//tr.prev().remove();
	//tr.prev().remove();
	//tr.remove();

}

함수에서 넘겨받은 인자 obj = input(button)객체

obj.parentNode = td객체

obj.parentNode.parentNode = tr객체

jQuery의 경우 index()를 사용,

javascript의 경우 rowIndex()를 사용한다.

keycode.info/

사이트 들어가서 키 누르면 됨 

1. 영문 숫자만 사용하게 하여 한글 입력 시 자동으로 지워지게(특수문자도 안 되게)

$j('#userId').keyup(function() {
		var inputVal = $j(this).val();
		$j(this).val((inputVal.replace(/[ㄱ-힣~!@#$%^&*()_+|<>?:{}= ]/g,'')));
});

• /정규식/에 맞는 패턴을  찾아서 공백으로 치환해버리는 코드이다.
• g : 글로벌의 뜻. 전역 매칭을 한다. 처음부터가 아닌 전체에서 정규식이 맞는걸 찾는다.

2. 한글만 입력하게 하여 영문과 숫자, 특문은 자동으로 지워지게

	$j('#userName').keyup(function() {
		var inputVal = $j(this).val();
		 $j(this).val((inputVal.replace(/[[a-zA-Z0-9~!@#$%^&*()_+|<>?:{}= ]/g,'')));
	});

3. XXX-XXX 의 양식을 맞춰서 입력하도록 체크 (X에는 숫자만)

var postNoCheck = RegExp(/[0-9]{3}-[0-9]{3}/);
$j('#postNo').keyup(function() {
	if (!postNoCheck.test($j('#postNo').val())) {
		$j('#postNoMessage').css('color', 'red').text("형식에 맞지 않음");
		}
});

•  {} : 횟수 표시....[a]{2}이면 aa이고 [a]{2,}이면 a가 2개 이상인거 [a]{2, 4}이면 aa, aaa, aaaa
• 정규식 이름.test(값) 으로 체크