2012-08-29 5 views
0

기본적으로 폭 500px 및 높이 500px의 상자 인 div 내부의 특정 위치를 연결할 수있는 방법을 알아 내려고하고 있습니다. 위치 또는 방향은 '우수', '측면', '중간'및 '열등'입니다.자바 스크립트 위치/방향 계산

----------------------------------- 
    |   (Superior)    | 
    |         | 
    |         | 
    | (Lateral)    (Medial) | 
    |         | 
    |         | 
    |         | 
    |   (Inferior)   | 
    ----------------------------------- 

나는 그림이 내가 위치를 정확히 지적하려고 노력하기를 바랍니다. 두 가지 구체적인 질문이 있습니다.

질문 1입니다. 상자 안의 위치 좌표를 어떻게 지정할 수 있습니까? JavaScript 또는 이미지 맵을 사용하여이 작업을 수행 할 수 있습니까?

질문 2입니다. 어떻게 위치를 정의 할 수 있습니까? 예를 들어, '수퍼 리어'가 어디서 시작되어야 하는가? (이것은 수학 문제 일 수 있습니다. 수학 수업에서 더 많은 관심을 기울여야한다는 것을 알았습니다!) 예를 들어 div의 왼쪽 하단 부분 또는 왼쪽 하단 부분을 향해 Medial과 Iferior 사이를 클릭하면 위치가 어떻게됩니까? div의?

많은 감사합니다.

+1

는 질문이 들어, 내 제안은 상자를 통해 가상의 X를 그릴 것입니다. X의 중심은 상자의 중심이고 X의 끝점은 상자의 모서리입니다. – Dylan

+0

@Dylan Dylan 감사합니다. –

답변

1

div의 위치는 X (가로) 및 Y (세로) 좌표로 정의됩니다. 상급 및 측선이 X = 0 및 Y = 0을 터치하는 지점에서. 마찬가지로, Medial과 Underferior 라인이 X = 500 및 Y = 500을 터치하는 지점에서.

여기에 요소 내에서 마우스 클릭 좌표를 얻는 방법에 대한 답이 많이 있습니다.

Here is one

1

나는 div를 반으로 나누어 각 클릭에 대해 2 개의 속성을 얻을 것이라고 가정합니다. 나는 이것을 결정하기 위해 div의 위치에 상대적으로 마우스 위치를 얻는다.