2010. 12. 30. 00:24

1.특정 구역 복사
<div id="DataCopy"> 로 구역을 설정하여 그 구역을 선택 할수 있습니다.
function SelectTable() 
{
	if (window.clipboardData)
	{
		//테이블을 선택하여 복사해준다.
		window.clipboardData.setData("Text", document.getElementById('DataCopy').innerHTML );
		alert("복사되었습니다. 붙여 넣기 가능합니다.");
	}
	else
	{
		alert("사용하실수 없습니다. IE 로 접속해주세요");
	}
}


2.선택

컨트롤에 있는 내용을 선택 해줄수 있습니다.

//formQuestion == 소속 폼의 이름
//txtInData == 컨트롤 이름
document.formQuestion.txtInData.select();

3.포커스 이동

포커스(커서만 이동함)

//formQuestion == 소속 폼의 이름
//butIntup == 컨트롤 이름
document.formQuestion.butIntup.focus();


4.응용 - 특정 글자수가 되면 다음 컨트롤로 넘기기

특정 글자수가 되는지 판단하여 그 글자수가 되면 다음칸으로 넘겨주고 다음칸이 없으면 버튼으로 넘겨줍니다.
여기서는 텍스트박스( txtInData )가 여러개 존제하고 입력허용값은 0~4입니다.
입력값이 올바르지 않으면 바로 수정할수 있도록 에러 메시지를 보여주고 입력값이 잘못된 칸에 포커스를 이동해야 하는데 입력값을 선택하면 자동으로 포커스가 이동되므로 선택으로 값을 잡았습니다.


function PassFocus( intMyIndex ) 
{ 
	//값이 입력되면 다음칸으로 넘겨준다.

	//내 입력칸에 입력된 글자의 길이를 체크한다. 
	var strValue = document.formQuestion.txtInData[intMyIndex].value;

	//칸수가 넘었다면
	if( strValue.length >= 1)
	{
		//칸수가 넘었다면

		//입력값이 올바른지 확인
		//비어있거나 0~4까지 
		if( strValue != "" && Number(strValue) > -1 && Number(strValue) < 5  )
		{
		}
		else
		{
			//값이 다르다면
   
 			//값을 리셋해준다.
			document.formQuestion.txtInData[intMyIndex].value = 0;
   
   			//날 선택해준다.
			document.formQuestion.txtInData[intMyIndex].select();
			//오류 매시지
			alert("입력 할수 있는 값은 0~4까지 입니다."); 
			return;
		}
 
		//다음 칸이 있는지?
		if(document.formQuestion.txtInData[intMyIndex + 1] != null )
		{
			//있다면 넘겨 주면서 선택한다.
			document.formQuestion.txtInData[intMyIndex + 1].select();   
		}
		else
		{
			//없다면 입력버튼으로~
			document.formQuestion.butIntup.focus();
		}
	}

}//end PassFocus