다음을 통해 공유


도움말에 온라인 콘텐츠를 포함하는 방법(HTML)

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows에서 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

사용자가 온라인 상태일 때 조건적으로 iframe을 표시하여 온라인 도움말을 사용할 수도 있습니다. 이 예에서 toggleHelp 함수는 사용자 컴퓨터가 온라인 상태인지 오프라인 상태인지에 따라 두 개의 div를 조건적으로 표시하거나 숨기도록 설계되었습니다. 본문 로드 또는 단추 클릭(사용자가 도움말을 탭함)으로 함수를 도움말 페이지에 로드할 수 있습니다.

지침

단계 1: 사용자가 온라인 상태인지에 따라 도움말을 전환하는 함수를 추가합니다.

function toggleHelp() {
    var onlineDiv = document.getElementById("onlineHelp");
    var offlineDiv = document.getElementById("offlineHelp");
    var condition = ((navigator.onLine) ? 'online':'offline');
    if (condition=='online') {
        onlineDiv.style.display = "inline";
        offlineDiv.style.display = "none";
    }
    else if (condition=='offline') {
        onlineDiv.style.display = "none";
        offlineDiv.Style.display = "inline";
    }
}

단계 2: 도움말 페이지에 온라인 콘텐츠를 표시하기 위해 온라인 및 오프라인 div와 iframe을 추가합니다.

<div id="onlineHelp">
    <iframe src="ms-appx://LinkToOnlineHelpPage" frameborder="0" sandbox=""/> 
</div>

<div id="offlineHelp"> 
    It looks like you’re not connected to the Internet. 
    You need to connect in order to get help.
</div> 

관련 항목

앱 설정 샘플

앱 도움말에 대한 지침