진리

ㅡㅡㅡㅡㅡㅡ중략 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

</head>

<style type="text/css">

*{margin:0 auto;}

#imgmap{margin:0 auto; width:646px;}

</style>

<div id = "imgmap">

<img src="imgmap.gif" alt="imgmap.gif" usemap="#001" border="0">

<map name="Map" id="Map">

 <area shape="rect" coords="X1, Y1, X2, Y2" href="/클릭시 보낼 경로" >

</map>

</div>

</body>

</html>

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

클릭 범위 지정 시 X1, Y1 위치의 점부터  X2, Y2 의 지점까지 

선택한 shape 모양( rect(사각형), circle(원형), poly(다각형) )으로 범위가 설정됨 

$("input:radio[name=A_NAME]").change(function() {

if($("#A_NAME:checked").val() == "Y"){

$('input:radio[name=B_NAME]').prop("disabled", false);

} else if($("#A_NAME:checked").val() == "N"){

$('input:radio[name=B_NAME]').prop("disabled", true);

}

});

// A_NAME 이라는 id 인가 name 값인 라디오 버튼의 값이 변경될 때
// 변경된 값이 Y 일 경우 B_NAME 버튼을 disabled 비활성화
// 변경된 값이 N 일 경우 B_NAME 버튼을 disabled 활성화
// B_NAME 이라는 라디오 버튼의 활성화 

ㅡㅡ자바스크립트 부분ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

//콤마찍기

function comma(str) {

    str = String(str);

    return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');

}

//콤마풀기

function uncomma(str) {

    str = String(str);

    return str.replace(/[^\d]+/g, '');

}

function inputNumberFormat(obj) {

    obj.value = comma(uncomma(obj.value));

}

ㅡㅡinput text 부분ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

onkeyup="inputNumberFormat(this);"

$('#텍스트상자ID 값').keydown(function(event){

if (event.keyCode == 13) {     // 아스키값 13 == Enter Key 값

함수();      // 엔터키 입력 시 실행하고자 하는 함수 기입       

}

});

참고 자료 - 예제 소스
( 페이지를 분할하여 사용한다는 가정하에 LEFT 부분에 
 이미지를 적용 시켜 해당 이미지_off.gif / 이미지_on.gif 두 이미지를 적용 )

ㅡㅡㅡㅡView.jspㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

<%

int board_num=0;

board_num=1;

%>

<%@ include file="파일 경로/A.jsp"%>

ㅡㅡㅡㅡA.jspㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

<%

String left_num1="_off";
String left_num2="_off";

switch(board_num){
case 1: left_num1 = "_on"; break;
       case 2: left_num2 = "_on"; break;
}

%>

<div class="클래스명">
  <ul>
   <li>
    <a href="클릭시 이동될 경로.do">
     <img src="/이미지경로/이미지명<%=left_num1 %>.gif alt="설명글">
    </a>
   </li>
  </ul>
</div>