Compartir a través de


Cómo incluir contenido en línea en la ayuda (HTML)

[ Este artículo está destinado a desarrolladores de Windows 8.x y Windows Phone 8.x que escriben aplicaciones de Windows en tiempo de ejecución. Si estás desarrollando para Windows 10, consulta la documentación más reciente

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