Comment inclure du contenu en ligne dans votre aide (applications du Windows Store en JavaScript et HTML)

Vous pouvez aussi utiliser l’aide en ligne en affichant de manière conditionnelle une iframe si l’utilisateur est en ligne. Dans cet exemple, une fonction toggleHelp est conçue pour afficher ou masquer de manière conditionnelle deux divs, suivant que l’ordinateur de l’utilisateur est en ligne ou hors connexion. La fonction peut être chargée dans la page d’aide au chargement du corps ou à un clic de bouton (l’utilisateur tape sur l’Aide).

Instructions

Étape 1: Ajoutez une fonction pour basculer l’aide suivant que l’utilisateur est en ligne.


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";
    }
}


Étape 2: Ajoutez des divs en ligne ou hors connexion ainsi qu’une iframe pour afficher un contenu en ligne dans votre page d’aide.


<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> 

Rubriques associées

Exemple de paramètres d’application
Recommandations en matière d’aide de l’application

 

 

Afficher:
© 2014 Microsoft