템플릿을 사용하여 JavaScript 및 URL 입력

보다 쉽고 효율적으로 이미지 맵 URL을 입력하기 위해 URL 템플릿(Href 템플릿이라고도 함)을 정의할 수 있습니다. 대부분의 이미지 맵 URL이 고정된 일반 형식을 공유하는 경우 URL 템플릿을 정의합니다. 고정된 URL 부분을 URL 템플릿으로 입력하면 이미지 맵을 만들 때마다 URL의 이 부분을 입력할 필요가 없습니다. URL 템플릿에 JavaScript 명령, 경로 이름 및 매개 변수를 포함할 수도 있습니다. 기본적으로 URL 템플릿에는 새 창에서 이미지를 여는 loadProduct 라는 독점적 Scene7 JavaScript 핸들러가 포함되어 있습니다.

참고: 이미지 맵의 HREF 속성에 Javascript 코드를 추가하면 Javascript 코드가 클라이언트 컴퓨터에서 실행됩니다. 따라서 Javascript 코드가 안전한지 확인하십시오.

URL 템플릿 정보

URL 템플릿은 [이미지 맵] 목록의 URL 열 내용을 템플릿의 이중 달러 기호('$$')로 대체하는 방식으로 작동합니다. 

Javascript:loadProduct('$$');void(0);

이미지 맵 간에 변경되지 않는 모든 값을 URL 템플릿에 배치합니다. 변경되는 값만 [이미지 맵] 목록의 URL 열에 추가합니다. 예:

  • URL 템플릿: j avascript:loadProduct('http://www.examplesitehere.com/$$');void(0);

  • URL 값: product.htm

  • 생성되는 실제 URL: javascript:loadProduct('http://www.examplesitehere.com/product.html);void(0);

기본적으로 URL 템플릿에는 URL 대상을 사용하여 새 창을 여는 loadProduct 라는 독점적 Scene7 JavaScript 핸들러가 포함되어 있습니다. 그러나 JavaScript 코드를 사용하여 이 JavaScript 핸들러를 바꾸거나 다음 Scene7 핸들러 중 하나를 사용할 수 있습니다.

  • loadProductCW

    URL 열에 지정된 URL 타겟을 현재 창에 표시합니다. 이 핸들러는 주로 웹 사이트 내의 페이지에 통합된 eCatalog에 사용됩니다.

  • loadProductPW

    : URL 열에 지정된 URL 타겟을 상위 창(현재 창을 연 페이지)에 표시합니다. 현재 창은 열려 있지만 상위 창이 URL 타겟을 표시하도록 변경됩니다.

    참고: 핸들러 loadProductPW 는 DHTML 및 HTML5 뷰어를 지원하지 않습니다.

URL 템플릿 만들기

URL 템플릿을 만들려면:

  1. [맵 편집기] 화면(이미지 또는 회전 집합) 또는 eCatalog 화면((eCatalog)의 [맵 페이지] 탭에서 [URL 템플릿] 옵션 옆에 있는 [편집]을 선택합니다. [맵 템플릿 편집] 대화 상자가 열립니다.

  2. JavaScript 코드와 전체 URL(변수 부분이 달러 기호[$$]로 대체됨)을 입력합니다. 마우스 오른쪽 단추를 클릭하고 [붙여넣기]를 선택하여 코드를 붙여 넣을 수 있습니다.

  3. [저장] 단추를 선택합니다.

URL 템플릿 처리

[맵 편집기] 페이지(이미지와 회전 집합) 및 eCatalog 화면(eCatalog)의 [맵 페이지] 탭에서는 URL 템플릿을 처리하는 다음 명령을 제공합니다.

[URL 템플릿] 선택 사항
이미지나 eCatalog 페이지의 모든 이미지 맵에 URL 템플릿을 적용하려면 [URL 템플릿] 선택 사항을 선택합니다.

[템플릿] 선택 사항
개별 이미지 맵에서 URL 템플릿을 사용하지 않으려면 [URL 이미지 맵] 목록에서 [템플릿] 선택 사항을 선택 취소합니다.