[tutorial] hta: usando html como aplicação desktop

Postagem de conteúdo sobre programação HTML , XML e CSS
Post Reply
User avatar
Kodo no Kami
Admin
Admin
Posts: 725
Joined: Fri Jan 02, 2015 1:56 pm
Contact:

[tutorial] hta: usando html como aplicação desktop

Post by Kodo no Kami » Wed Nov 07, 2018 10:11 am

Galera existe uma extensão no sistema windows que permite abrir paginas html em um programa especifico, essas paginas html são abertas e interpretadas em um programa chamado mshta que é uma especie de navegador baseado no internet explorer para executar aplicações que são feitas na linguagem html. Bom galera para usar o hta é bastante simples bastando criar a pagina html em um arquivo com extensão .hta, e depois executar ele como qualquer outro tipo de executável daquele sistema

Code: Select all

<html>
   <head>
      <title>by kodo no kami</title>
   </head>
   <body>
      <h1>Programa em html by kodo</h1> <br>
      <hr>
      <img src="mirai.png">
      <hr>
   </body>
</html>
Image

é possivel usar css, javascript e ate o antigo vbs

Code: Select all

<html>
   <head>
      <title>by kodo no kami</title>
      <style>
         body{
            background-color: black;
            color: white;
         }
         .botao{
            color: white;
            background-color: blue;
         }
      </style>
      <script>
         function knome(){
            var n = document.getElementById("nome");
            alert("nome digitado foi " + n.value);
         }
      </script> 
   </head>
   <body>
      <h1>Programa em html by kodo</h1> <br>
      Digite seu nome: <input type="text" id="nome"> 
      <input type="button" class="botao" value="verificar" onclick="knome()">
      <hr>
      <img src="mirai.png">
      <hr>
   </body>
</html>
Image

você também pode usar activex e wscript para conseguir fazer um monte de coisa que não seria possível nos navegadores atuais (claro, não é possível por medidas de segurança kkk)

Code: Select all

<html>
   <head>
      <title>by kodo no kami</title>
      <style>
         body{
            background-color: black;
            color: white;
         }
         .botao{
            color: white;
            background-color: blue;
         }
      </style>
      <script>
         function kcalc(){
            var objeto = new ActiveXObject("WScript.shell");
            objeto.run("calc.exe"); //lembrei daqueles antigos autoinfect kkkk
         }
      </script> 
   </head>
   <body>
      <h1>Programa em html by kodo</h1> <br>
      <input type="button" class="botao" value="abrir calculadora" onclick="kcalc()">
      <hr>
      <img src="mirai.png">
      <hr>
   </body>
</html>
Image

bom galera é isso, apenas uma pequena dica \o

by kodo no kami
Image

que desagradavel ~ mirai kuriyama

jonatafsa
Membro
Membro
Posts: 1
Joined: Thu Nov 08, 2018 3:07 pm

Re: [tutorial] hta: usando html como aplicação desktop

Post by jonatafsa » Thu Nov 08, 2018 3:10 pm

Muito bom cara... Vou ver isso depois! Curti!
fuyukai desu -

User avatar
Kodo no Kami
Admin
Admin
Posts: 725
Joined: Fri Jan 02, 2015 1:56 pm
Contact:

Re: [tutorial] hta: usando html como aplicação desktop

Post by Kodo no Kami » Fri Nov 09, 2018 6:30 am

jonatafsa wrote:
Thu Nov 08, 2018 3:10 pm
Muito bom cara... Vou ver isso depois! Curti!
fuyukai desu -
opa vlw ai mano e bem vindo ao forum \o
Image

que desagradavel ~ mirai kuriyama

Post Reply

Return to “HTML / XML / CSS”