히트 맵 - 브라우저 내에서 서버 측 코드를 추가하는 방법

Question

직장에서 히트 맵을 사용합니다 (안전하므로 여기에 게시 할 수 없으며 확실히 URL을 제공 할 수 없습니다). 이제 히트 맵은 이미지이지만 각기 다른 세그먼트에서 클릭 할 수 있습니다.지도에 다른 아이콘이 있으며 각기 다른 창을 팝업합니다 (전체 이미지에 대한 단일 클릭 이벤트가 아닙니다) ... ...

지금이지도는 Whatsup 골드라는 프로그램에 의해 생성되며, 그것은 확실히 플래시되지

지도는 지속적으로 라인 연결 작업 모니터링 - 인터넷 회선이 다운 될 때, 녹색 아이콘이 빨간색으로 변을 . 지도가 몇 분마다 새로 고침됩니다.

내가 알고 싶은 점 : 브라우저 플러그인 또는 자바 스크립트를 사용하거나지도의 상태가 변경되었음을 알리는 다른 방법이 있나요? 매번 브라우저 창을 열지 않아도지도의 모든 변경 사항이 적용됩니까? (Firebugs 네트워크 탭에서 검색으로)

요청 및 응답 헤더

: 여기

지도의 마크 업 (전체지도)

<a href="mappickhost.asp?map=WhatsUpTL.wup"> 
    <img border="0" src="WUG1.jpg" ismap=""> 
</a> 

업데이트의 일부입니다

요청 :

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 

Accept-Encoding: gzip, deflate 

Accept-Language: en-US,en;q=0.5 

Authorization: Basic dGxpbms6dGxpbms= 

Cache-Control: max-age=0 

Connection: keep-alive 

Host:   *************** 

응답

Cache-Control no-cache 

Content-Type image/jpeg 

Date Fri, 17 May 2013 07:06:30 GMT 

Expires Mon, 17 Jul 1980 20:00:00 GMT 

Pragma no-cache 

Server WhatsUp_Gold/8.0 

Answer 1

Firebug 콘솔의 스크린 샷을 firefox에 추가했습니다 (열려면 F12 키를 누릅니다). 나는 xmlhttprequest (맨 아래에있는 라인)을 실행했고 스택 오버 플로우 (stackoverflow)에 연결된 것을 (검은 선) 볼 수있다. Firebug는 기본적으로 콘솔에 xhr 연결을 표시하지만 콘솔을 활성화하는 탭의 "콘솔"이라는 단어 오른쪽에있는 작은 화살표 버튼을 클릭하여보고 싶은 것을 선택할 수 있습니다.

콘솔을 StackOverflow로 열어도 사이트가 자주 연결되어 질문 상태 및 의견을 업데이트하는 것으로 나타납니다.

인터넷 탭에 표시되는 것보다 아무것도 표시되지 않은 경우 네트워크가 아직 가동 중인지 확인하려면 어딘가에 연결해야합니다. xhr이 텍스트 파일을 다운로드하려고 시도 할 때 xhr보다 서비스에 연결되는 경우 이미지의 src가 확인 될 때마다 net 탭에만 표시되는 것보다 이미지의 src가 설정됩니다.

Answer 2

우리는 직장에서 히트 맵을 사용하여 (이것은 안전 그래서 여기에 게시 할 수없고 나는 확실히 URL을 줄 수 없다). 이제 히트 맵은 sigle 이미지이지만,

은 확실히이 상호 작용 원인을 단지 이미지 을 아니라 다른 세그먼트에 클릭합니다. 일반 이미지는 그렇게 할 수 없습니다. 그것이 플래시가 아니라면, 자바 스크립트를 제공 할 수 있습니다. 라이브러리가 있어야하며 에 API가있을 수 있습니다. 나는 당신이 문서 (만약 있다면)를 읽기 시작할 것을 제안한다.

는

지도는 지속적으로이 방법을 많이 수행 라인 연결 작업

을 모니터링하고 가장 일반적인 폴링 AJAX 또는 웹 소켓입니다. 이것을 확인하려면 브라우저의 디버거의 네트워크 탭을 살펴보십시오. 지원되는 API가있는 경우 먼저 체크 아웃하고 구현을 디버깅하는 번거 로움을 덜 수 있습니다.

API가없는 경우 요청을 검사하고이를 복제하는 방법을 찾으십시오. 플러그인을 복제하거나 API를 사용할 수있게되면 플러그인을 만들거나 플러그인을 만들 수 있습니다.