Application HTML

Qu'est-ce qu'une application HTML ?

Vous pensez que HTML, CSS & JavaScript ça sert uniquement pour produire des pages web.
Et bien vous avez tort.
Sous environnement Windows (et uniquement sous Windows) vous pouvez utiliser ces trois langages pour écrire un programme : une application HTML. Pas besoin de navigateur et de connexion internet pour faire fonctionner l'application.

Concrètement cette application écrite en HTML (au sens large) est un fichier d’extension HTA.
Comme je vous le disais plus haut, seul Windows peut lire les fichiers HTA.
Le pourquoi de la chose est le suivant : ce fichier s'ouvre non pas avec votre navigateur web, mais avec un programme fourni avec Windows et qui n'équipe que lui : Mshta.exe.

Création d’un fichier HTA

Il s'agit d'une calculette capable d'effectuer les quatre opérations de base.

Le code du fichier

<html><head><title>supercalculette</title> <HTA:APPLICATION ID = 'calculette' CAPTION ="yes" WINDOWSTATE="normal"> <meta charset = 'utf-8'> <style> body {width : 600px; } form {width : 400px ; height : 400px; border : 1px solid black ; margin-left :100px ;} input, label {display : inline-block ; width : 170px ; height : 40px ; margin : 10px ; vertical-align : top ; font-family : sans-serif; } .remarque {color : red; font-weight : bold; } </style> <script type="text/Javascript"> window.resizeTo(600,800); function fcalcul() { var vpremier = document.getElementById("premier").value; var vdeuxieme = document.getElementById("deuxieme").value; var voperation =document.getElementById("operation").value; if (voperation =="+") var vresultat = parseFloat(vpremier) + parseFloat(vdeuxieme); if (voperation =="-") var vresultat = vpremier - vdeuxieme; if (voperation =="*") var vresultat = vpremier * vdeuxieme; if (voperation =="/") var vresultat = vpremier / vdeuxieme; if (voperation == "p" ) var vresultat = Math.pow(vpremier,vdeuxieme) ; document.getElementById("resultat"). value = vresultat ; } </script> </head> <body> <h1>Calculette</h1> <p class ="remarque">Effectue les opérations suivantes : addition, soustraction, multiplication, division, 1er puissance 2ième</p> <form> <label>Saisir le premier nombre :</label><input type = 'text' id ="premier" > <label>Sélectionnez l'opérateur dans la liste </label> <select id ="operation"> <option value = '+'> + </option> <option value = '-'> - </option> <option value = '*'> *</option> <option value = '/'> / </option> <option value = 'p'>1er puissance 2ième</option> </select> <label>Saisir le deuxième nombre :</label> <input type = 'text' id ="deuxieme"> <label></label><input type ='button' onClick ="fcalcul()" value ="=" /> <label>Résultat : </label><input type = 'text' readonly id ="resultat" > </form> </body></html>

Analyse du code

Il est strictement identique à celui d'une page web sauf la présence d'une balise HTA:APPLICATION et la gestion de la fenêtre en Javascript.

La balise HTA:CAPTION possède de nombreux attributs qui doivent être écrits en majuscules.

Dans le script notez l'instruction :window.resizeTo(600,800) pour redimensionner la fenêtre de l'application.

Testez l'application

Il faut d'abord télécharger le fichier HTA puis pour l'exécuter il suffit de double-cliquer à partir du gestionnaire de fichiers. Télécharger l'application

Le système va vous informer d'un risque pour votre ordinateur.
Je puis vous garantir qu'ici il n'y a aucun danger !
Mais c'est vrai que certains virus sont des fichiers HTA puisqu'il est possible d'accéder à la base de registre Windows avec ce type de fichier en utilisant comme langage de programmation VBScript.
Retour accueil