オンライン コンテンツをヘルプに含める方法 (HTML)
[ この記事は、Windows ランタイム アプリを作成する Windows 8.x および Windows Phone 8.x 開発者を対象としています。Windows 10 向けの開発を行っている場合は、「最新のドキュメント」をご覧ください]
ユーザーがオンラインの場合は iframe を表示することで、オンライン ヘルプを使うこともできます。この例では、ユーザーのコンピューターがオンラインかオフラインかという条件に基づいて 2 つの div を表示または非表示にする toggleHelp 関数を設計します。この関数は、Body が読み込まれたら、またはボタンがクリック (ユーザーがヘルプをタップ) されたら、ヘルプ ページに読み込むことができます。
手順
ステップ 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>