DetailPage-MSS-KB

기술 자료

기술 자료: 928708 - 마지막 검토: 2006년 12월 7일 목요일 - 수정: 1.0

 

이 페이지에서

소개

이 문서에서는 만들고 Microsoft Expression Web 리디렉션 드롭다운 목록 상자에서 수정하는 방법에 대해 설명합니다.

추가 정보

이 문서에서는 만들고 JScript 사용하여 특정 URL을 여는 드롭다운 목록 상자 컨트롤을 수정하는 방법을 설명합니다.

참고 이 문서에서는 모든 웹 브라우저에서 사용할 수 있는 사용자 지정 JScript을 사용합니다. 브라우저 호환성에 대한 자세한 내용은 도움말 메뉴에서 Microsoft 식 웹 도움말검색 대상 상자에 브라우저 호환성 및 다음 반환된 항목을 보려면 검색 시작 을 누릅니다.

리디렉션 드롭다운 목록 상자 만들기

Microsoft는 묵시적인 보증 없이 목적으로만 프로그래밍 예제를 제공합니다. 이 포함되지만, 상품성 또는 특정 목적에의 적합성에 대한 묵시적인된 보증이 제한되지 않습니다. 이 문서에서는 만들려면 및 프로시저를 디버깅하는 데 사용되는 도구 및 여기서 설명하는 프로그래밍 언어에 익숙한 사용자를 대상으로 합니다. Microsoft 지원 엔지니어는 특정 절차에 대한 기능을 설명할 수 있습니다. 그러나 이러한 추가 기능을 제공하거나 특정 요구 사항에 맞도록 프로시저를 구성하지는 이 예제를 수정하여지 않습니다.
  1. Expression Web 시작하고 사이트를 엽니다.
  2. 파일 메뉴에서 새로 만들기를 가리킨, 새로 만들기 작업창의 페이지HTML 을 차례로 클릭한 다음 확인 을 누릅니다.
  3. 보기 메뉴에서 페이지 가리킨 다음 코드 를 클릭하십시오.
  4. 다음 코드 샘플에서는 페이지의 <body>태그와</body> 태그 사이에 넣습니다.
    <h3 align="center">Where Do You Want to Go Today?</h3>
    <center>
    <form>
      <p><select name="section" size="1" language="javascript" onChange="gotoPage(this.selectedIndex);">
      <option selected>Where do you want to go today?</option>
      <option>- - - - - - - - - - - - - - - - -</option>
      <option>Microsoft Home Page</option>
      <option>MSN Home Page</option>
      </select></p>
    </form>
    </center>
    <script language="JavaScript">
    <!--
    function gotoPage(varItem)
    {
      switch(varItem)
      {
        case 0:
          window.parent.self.status="Goes Nowhere";
          break;
        case 1:
          window.parent.self.status="Goes Nowhere";
          break;
        case 2:
          window.location="http://www.microsoft.com";
          break;
        case 3:
          window.location="http://www.msn.com";
          break;
      }
    }
    // -->
    </script>
    
    참고 이 코드 예제에서 는 새 페이지를 로드하기 위해 window.location 속성을 사용합니다. 프레임셋을 사용하는 경우에는 현재 프레임에 새 페이지가 표시됩니다. 원하는 경우 window.open 메서드의 페이지를 로드한 다음 대상 프레임을 지정할 수 있습니다. 예를 들어, 전체 화면 Microsoft 홈 페이지를 표시하려면 다음 JScript 코드를 사용하십시오.
    case 2:
          window.open("http://www.microsoft.com", target="_top");
          break;
    
    참고오류 메시지가 나타나거나 이 문서에서 직접 예제를 복사하여 Expression Web 붙여 넣을 경우 페이지가 제대로 표시되지 않을 수 있습니다. 꺾쇠괄호 (<) 및 (>) HTML 코드로 나타날 수 있습니다. 이 문제를 해결하려면 먼저 메모장에서 코드 샘플에서는 빈 문서에 붙여넣습니다. 다음 코드 예제를 메모장의 문서에 식 웹 에서 페이지에 복사하십시오. 이렇게 하려면 다음과 같이 하십시오.
    1. 4단계의 코드 예제를 복사하십시오.
    2. 메모장을 시작하고 빈 문서를 엽니다.
    3. 편집 메뉴에서 붙여넣기 를 클릭하십시오.
    4. 편집 메뉴에서 모두 선택 을 클릭하십시오.
    5. 편집 메뉴에서 복사 를 클릭하십시오.
    6. Expression Web JScript 코드를 삽입할 위치의 <body>태그 바로 아래의 빈 줄에 커서를 놓습니다.
    7. 편집 메뉴에서 붙여넣기 를 클릭하십시오.
  5. 파일 메뉴에서 저장 을 클릭하십시오.
  6. 다른 이름으로 저장 대화 상자에서 원하는 페이지를 저장할 위치와 파일 이름을 지정하고 저장 을 클릭하십시오.
  7. 파일 메뉴에서 브라우저에서 미리 보기 를 가리킨 다음 페이지를 미리 보는 데 사용할 브라우저를 선택하십시오.

리디렉션 드롭다운 목록 상자에 URL 추가

드롭다운 목록 상자에 표시되는 목록에 URL을 추가하려면 다음 작업을 수행해야 합니다.
  • HTML 옵션 목록에 항목을 추가할 코드.
  • JScript 코드 "switch(varItem)" 섹션에서 항목을 추가하십시오.
예를 들어, Microsoft 도움말 및 지원 웹 사이트의 목록에 항목을 추가하려면 다음과 같이 하십시오.

참고 이 단계에서는 Expression Web 붙여 넣은 후 코드 샘플에서는 변경한 않았습니다 않은 것을 가정합니다.
  1. Expression Web 시작하고 드롭다운 목록 상자가 들어 있는 페이지를 엽니다.
  2. 보기 메뉴에서 페이지 가리킨 다음 코드 를 클릭하십시오.
  3. 다음 HTML 페이지에 코드 입력한 다음 Enter 키를 눌러 새 줄을 만듭니다 즉시 후 커서를 놓습니다.
    <option>MSN Home Page</option>
  4. 새 줄에 목록에 이 항목을 추가하려면 다음 HTML 코드를 입력하십시오.
    <option>Microsoft Help and Support Home Page</option>
  5. 다음 JScript 코드 페이지에서 바로 뒤에 커서를 놓은 다음 Enter 키를 눌러 새 줄을 만듭니다.
    case 3:
          window.location="http://www.msn.com";
          break;
  6. 새 줄에 다음 JScript 코드를 추가할 웹 사이트로 리디렉션할 URL을 입력하십시오.
    case 4:
          window.location="http://support.microsoft.com";
          break;	 
    
  7. 파일 메뉴에서 저장 을 클릭하십시오.
  8. 파일 메뉴에서 브라우저에서 미리 보기 를 가리킨 다음 페이지를 미리 보는 데 사용할 브라우저를 선택하십시오.

드롭다운 목록 상자에서 URL 제거

드롭다운 목록 상자에 표시된 목록에서 URL을 제거하려면 다음 작업을 수행해야 합니다.
  • HTML 코드의 옵션 목록에서 항목을 제거하십시오.
  • JScript 코드 "switch(varItem)" 절에서 해당 항목을 제거하십시오.
예를 들어, Microsoft 도움말 및 지원 웹 사이트 목록 항목을 제거하려면 다음과 같이 하십시오.
  1. Expression Web 시작하고 드롭다운 목록 상자가 들어 있는 페이지를 엽니다.
  2. 보기 메뉴에서 페이지 가리킨 다음 코드 를 클릭하십시오.
  3. 다음 코드를 찾습니다.
    <option>Microsoft Help and Support Home Page</option>
  4. 3단계에서 찾은 코드를 선택하고 코드를 마우스 오른쪽 단추로 클릭한 다음 삭제 를 클릭하십시오.
  5. 다음 코드를 찾습니다.
    case 4:
          window.location="http://support.microsoft.com";
          break;
  6. 5단계에서 찾은 코드를 선택하고 코드를 마우스 오른쪽 단추로 클릭한 다음 삭제 를 클릭하십시오.
  7. 파일 메뉴에서 저장 을 클릭하십시오.
  8. 파일 메뉴에서 브라우저에서 미리 보기 를 가리킨 다음 페이지를 미리 보는 데 사용할 브라우저를 선택하십시오.

본 문서의 정보는 다음의 제품에 적용됩니다.
  • Microsoft Expression Web
키워드: 
kbmt kbexpertiseinter kbhowto kbprb KB928708 KbMtko
기계 번역된 문서기계 번역된 문서
중요: 본 문서는 전문 번역가가 번역한 것이 아니라 Microsoft 기계 번역 소프트웨어로 번역한 것입니다. Microsoft는 번역가가 번역한 문서 및 기계 번역된 문서를 모두 제공하므로 Microsoft 기술 자료에 있는 모든 문서를 한글로 접할 수 있습니다. 그러나 기계 번역 문서가 항상 완벽한 것은 아닙니다. 따라서 기계 번역 문서에는 마치 외국인이 한국어로 말할 때 실수를 하는 것처럼 어휘, 구문 또는 문법에 오류가 있을 수 있습니다. Microsoft는 내용상의 오역 또는 Microsoft 고객이 이러한 오역을 사용함으로써 발생하는 부 정확성, 오류 또는 손해에 대해 책임을 지지 않습니다. Microsoft는 이러한 문제를 해결하기 위해 기계 번역 소프트웨어를 자주 업데이트하고 있습니다.
공유
추가 지원 옵션
Microsoft Community 지원 포럼
직접 문의하기
Microsoft Certified Partner 찾기
Microsoft Store