Comment personnaliser complètement l'accès à la page Web au-delà des capacités du portail Web ?

Vue d'ensemble

En utilisant le Portail Web vous pouvez personnaliser les pages d’accès Web deTS2log de manière significative.

Cependant, dans certains cas, cela ne suffit pas. Dans ces cas, vous pouvez personnaliser complètement l'accès à la page Web, au-delà des capacités du portail Web, en modifiant par vous-même la page d’accès web..

Attention, cette documentation est uniquement destinée aux développeurs Web qualifiés.

Génération des paramètres obligatoires

Afin d'inclure les paramètres obligatoires dans votre page Web Access, nous vous recommandons de commencer par la génération de votre page Web Access en utilisant le
Portail Web.

Emplacement des fichiers

La page d’accès Web sera généré dans le dossier "C: \ Program Files (x86) \ TS2log \ clients \ www", par exemple, si vous choisissez "index" comme nom de page, ce sera le fichier nommé "index.html "dans ce dossier.

C’est un fichier HTML standard, de sorte que vous pouvez utiliser toutes vos connaissances du langage HTML, JavaScript et les langages de programmation CSS pour développer votre page personnalisée.

Toutes les insertions de fichiers sont écrites relativement au dossier "C: \ Program Files (x86) \ TS2log \ Clients \ www". Par exemple, le principal fichier de styles CSS est situé à "C: \ Program Files (x86) \ TS2log \ clients \ www \ software \ common.css", il est donc inclus dans le fichier de la page HTML d’accès web par la ligne suivante:

<link rel="stylesheet" type="text/css" href="software/common.css" />

Page d’accès web « Minimale »

A partir d'un fichier HTML généré par les Préférences du portail Web, nous allons réduire la page d’accès web au minimum. Nous vous conseillons d'utiliser un éditeur de texte tel que Notepad ou Notepad ++ (ne pas utiliser Word).

Après notre travail, il ressemblera à la capture d'écran ci-dessous :

Tout d'abord, vous devez garder tout ce qui est entre balises HTML: - les balises meta pour forcer les navigateurs à effacer leur cache - . Fichiers d’insertion js  - paramètres de déclarations JavaScript

Ensuite, vous pouvez réduire le contenu entre les balises HTML à ces quelques lignes :

<body onKeyPress="CheckKey(event);" onload="setAll();" style="padding:20px;">

<form name="logonform">

<div><input type="text" name="Login" id="Editbox1" onblur="onLoginTyped();" value=""/></div><br/>

<div id="tr-password"><input type="password" name="Password" id="Editbox2" onfocus="onPasswordFocused();" value=""/></div><br/>

<div id="tr-domain"><input type="text" name="Domain" id="Editbox3" value="" /></div><br/>

<input id="buttonLogOn" type="button" value="Log on" onclick="cplogon();" /><br/>

<br/>

<div id="accesstypeuserpanel" style="margin:0;">

<label id="label_accesstypeuserchoice_html5" for="accesstypeuserchoice_html5"><input type="radio" value="html5" name="accesstypeuserchoice" id="accesstypeuserchoice_html5" checked="checked"> HTML5 client</label>

<label id="label_accesstypeuserchoice_remoteapp" for="accesstypeuserchoice_remoteapp"><input type="radio" value="remoteapp" name="accesstypeuserchoice" id="accesstypeuserchoice_remoteapp"> Windows</label>

</div>

</form>

</body>

Actualisez la page Web dans votre navigateur Web, et vous devriez obtenir la page minimale de la capture d'écran ci-dessus.

Nous vous conseillons de vider le cache de votre navigateur après avoir sauvegardé tout fichier modifié.

Tant que vous gardez les appels à des fonctions de JavaScripts sur des événements spécifiques et les identifiants fournis (id = "..."), votre Accès page Web entièrement personnalisé fonctionnera très bien!