도움말에 온라인 콘텐츠를 포함하는 방법(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>