Página HTML para otros exploradores
En algunos casos no se conoce qué explorador se usará en el cliente. En estos casos se pueden almacenar diferentes versiones de Authentic Browser para Internet Explorer en el servidor. En la página HTML puede insertar un script para determinar qué explorador se utilizó para abrir la página HTML y provocar la carga del complemento Authentic Browser correspondiente.
Además, si el explorador utilizado en el cliente es IE, debe seleccionarse y descargarse el archivo .CAB correcto (para IE de 32 o de 64 bits) desde el servidor. Puede usar un script para determinar la versión de IE y seleccionar el archivo .CAB correspondiente para descargarlo desde el servidor.
A continuación puede ver un ejemplo que determina el tipo de explorador, carga la versión correcta del complemento Authentic Browser y lleva a cabo algunas funciones. Si necesita información sobre algún objeto en particular, consulte la descripción correspondiente en la sección Objetos de la Referencia del usuario.
Archivo de muestra
El código HTML que aparece más abajo genera una página con estas características:
•Comprueba qué explorador web está instalado en el cliente.
•Si el explorador detectado es IE, comprueba si el sistema es de 32 o 64 bits y selecciona el archivo CAB correspondiente.
•La ventana de Authentic Browser dentro de la página tiene un ancho que es 100% de la ventana del explorador y 60% de su alto.
•Debajo de la ventana de Authentic Browser hay una fila de cinco botones.
•El botón Iniciar edición carga la vista Authentic del archivo OrgChart.xml que está en el directorio raíz del servidor.
•Los botones Buscar y Reemplazar abren los cuadros de diálogo "Buscar" y "Reemplazar" respectivamente.
•El botón Guardar guarda los cambios en un archivo llamado SaveFile_OrgChart.xml que está en el directorio raíz del servidor.
•El botón Probar propiedad prueba una propiedad simple.
Cuando se abre esta página HTML en el cliente, el usuario puede empezar a editar el archivo XML OrgChart.xml y guardar el archivo editado como SaveFile_OrgChart.xml.
Si quiere, puede usar esta sencilla página HTML para probar si Authentic Browser funciona correctamente. Antes debe asegurarse de utilizar la dirección IP y la ruta de acceso correctas de los archivos correspondientes en las URL que buscan el archivo XPI, los archivos XSD, XML y SPS y cualquier otro recurso en el servidor. Recuerde que algunos servidores distinguen entre mayúsculas y minúsculas, así que si algún archivo no se encuentra, revise el uso de mayúsculas y minúsculas en los nombres de archivo y en los comandos del código. Este ejemplo se puede modificar o ampliar para desarrollar soluciones más complejas con la ayuda de Authentic Browser.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Página de prueba para Orgchart.sps compatible con cualquier explorador</title>
<script type="text/javascript">
<!--
function BtnOnSave() { objPlugIn.Save();}
function InitAuthenticPluginPage( )
{
var schema= document.getElementById('xsd');
var instance=document.getElementById('xml');
var design=document.getElementById('sps');
objPlugIn.XMLDataLoadObject.URL =instance.innerHTML;
objPlugIn.DesignDataLoadObject.URL = design.innerHTML;
objPlugIn.SchemaLoadObject.URL= schema.innerHTML;
// alert(schema.innerHTML+" "+instance.innerHTML+" " +design.innerHTML);
/*
var serverstr='su-servidor/';
var basedir='Authentic/';
objPlugIn.SchemaLoadObject.URL = 'http://' + serverstr + basedir + 'OrgChart.xsd';
objPlugIn.XMLDataLoadObject.URL = 'http://' + serverstr + basedir + 'OrgChart.xml' ;
objPlugIn.DesignDataLoadObject.URL = 'http://' + serverstr + basedir + 'OrgChart.sps';
*/
objPlugIn.StartEditing();
}
function Unload()
{
}
//-->
</script>
<style type="text/css">@page { margin-left:0.60in; margin-right:0.60in; margin-top:0.79in; margin-bottom:0.79in } @media screen { br.altova-page-break { display: none; } } @media print { br.altova-page-break { page-break-before: always; } }
</style>
</head>
<body id="bodyId" onunload="Unload()">
<table border="1">
<tbody>
<tr><th><span>DesignLoadURL</span></th><td id="sps">http://su-servidor/Authentic/Orgchart.sps</td></tr>
<tr><th><span>SchemaLoadURL</span></th><td id="xsd">http://su-servidor/Authentic/Orgchart.xsd</td></tr>
<tr><th><span>XMLDataLoadURL</span></th><td id="xml">http://su-servidor/Authentic/Orgchart.xml</td></tr>
<tr><th><span>XMLDataSaveURL</span></th><td id="xmlsave">http://su-servidor/Authentic/SaveFile_OrgChart.xml</td></tr>
</tbody>
</table>
<center><h3><span>Authentic Platformindependent Plug-in Enterprise Edition</span></h3></center>
<span> </span>
<center>
<script language="JavaScript" type="text/javascript">
// devolver true si la página se carga en Internet Explorer
function isIEOnWindows()
{
return ((navigator.userAgent.indexOf('MSIE') != -1) && (navigator.userAgent.indexOf('Win') != -1))
}
//devolver true si el explorador es de 64 bits
function is64bitBrowser()
{
return ((navigator.userAgent.indexOf('Win64') != -1)&& (navigator.userAgent.indexOf('x64') != -1))
}
//devolver Codebase para versión de 32 o 64 bits
function getCodeBase()
{
if ( is64bitBrowser() ){
return('CodeBase="http://su-servidor/AuthenticBrowserEdition_x64.CAB#Version=12,2,0,0" ')
}
else {
return('CodeBase="http://su-servidor/AuthenticBrowserEdition.CAB#Version=12,2,0,0" ')
}
}
// Crear la instancia de objeto del complemento en función del explorador que cargue la página
// -IE usa la etiqueta <OBJECT> para incrustar complementos y permite usar el atributo CODEBASE
// para señalar el archivo .cab necesario para la instalación
// si el complemento no está instalado todavía
function createObject( codebase, clsid)
{if ( isIEOnWindows() )
{
document.write ( '<OBJECT ' +
'id="objPlugIn" ' +
getCodeBase() +
'Classid="clsid:B4628728-E3F0-44a2-BEC8-F838555AE780" ' +
'width="100%" ' +
'height="60%" ' +
'>' +
'<PARAM NAME="XMLDataSaveUrl" VALUE="http://su-servidor/Authentic/SaveFile_OrgChart.xml"> ' +
'<PARAM NAME="EntryHelpersEnabled" VALUE="TRUE"> ' +
'<PARAM NAME="SaveButtonAutoEnable" VALUE="TRUE"> ' +
'<PARAM NAME="LicServer" VALUE="your-server"> ' +
'<PARAM NAME="LicCompany" VALUE="Altova"> ' +
'<PARAM NAME="LicKey" VALUE="XXXXXXXXXX"> ' +
'<\/OBJECT>');
}
}
createObject();
// tras ejecutar createObject el objeto del complemento existe. Inicializar la variable de javascript que se debe usar en la variables de los scripts
var objPlugIn = document.getElementById('objPlugIn');
</script>
<br><br>
<button onclick="objPlugIn.StartEditing()"><span>Iniciar edición</span></button>
<button onclick="objPlugIn.FindDialog()"><span>Buscar</span></button>
<button onclick="objPlugIn.ReplaceDialog();"><span>Reemplazar</span></button>
<button onclick="BtnOnSave()"><span>Guardar</span></button>
<button onclick="alert ( objPlugIn.IsRowInsertEnabled );"><span>Probar</span><br></button>
</center>
<script language="javascript" type="text/javascript">
// suscripción a evento si se ejecuta en Firefox
if ( isFirefoxOnWindows() )
{
objPlugIn.addEventListener("ControlInitialized", InitAuthenticPluginPage, false);
}
</script>
<script event="ControlInitialized" for="objPlugIn" language="javascript" type="text/javascript">
// suscripción a evento si se ejecuta en Internet Explorer
if ( isIEOnWindows() )
{
InitAuthenticPluginPage();
//if ( isIEx64OnWindows() ) alert("IE x64");
}
</script>
</body>
</html>
| Nota: | El script anterior contiene la información sobre la licencia necesaria para activar la edición Enterprise de Authentic Browser. |