Aplicaciones de Windows
Contraer la tabla de contenido
Expandir la tabla de contenido

Cómo incluir contenido en línea en la ayuda (aplicaciones de la Tienda Windows con JavaScript y HTML)

También puedes usar la ayuda en pantalla si muestras un iframe de manera condicional si el usuario está en línea. En este ejemplo, se designa una función toggleHelp para mostrar u ocultar condicionalmente dos divs, basándose en si el equipo de un usuario está en línea o sin conexión. Esta función se podría cargar en la página de ayuda al cargar el cuerpo o hacer clic en un botón (el usuario pulsa Ayuda).

Instrucciones

Paso 1: agregar una función para alternar la ayuda en función de si el usuario está en línea o no


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


Paso 2: agregar los divs en línea y sin conexión y un iframe para mostrar contenido en línea en la página de ayuda


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

Temas relacionados

Muestra de la configuración de la aplicación
Directrices para ayuda de la aplicación

 

 

Mostrar:
© 2018 Microsoft