Balise meta dans un HTA

Version imprimable

Bonjour a tous

j'ai un petit soucis avec une balise meta

voila je veux faire des dégradés en css alors je suis obligé de mettre une balise meta de compatibilité équivalence IE

mais voila maintenant la partie du code application hta n'est plus pris en compte

en effet au dépars j'enlève la captions de la fenêtre et je maximise
mais avec cette balise la fenêtre est normale avec la captions

quelqu'un pourrait m'aider a régler ce problème

voila un code en exemple

quand on enlève la balise meta l'application est bien maximisée mais le rectangle en dégradé a disparu
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>"> <head> <meta http-equiv="x-ua-compatible" content="IE=edge" /> <HTA:APPLICATION ID="TELEVISION" applicationName="TELEVISION" version="1.1" BORDER="thick" BORDERSTYLE="raised" CAPTION="NO" CONTEXTMENU="YES" ICON="Sandro.ico" INNERBORDER="NO" MAXIMIZEBUTTON="YES" MINIMIZEBUTTON="YES" NAVIGATABLE="YES" SCROLL="NO" SCROLLFLAT="no" SELECTION="YES" SHOWINTASKBAR="yes" SINGLEINSTANCE="yes" SYSMENU="yes" WINDOWSTATE="MAXIMIZE" /> <TITLE>TELEVISION</TITLE> <title>Tutoriel</title> <style type="text/css"> body { background-color:black; margin:0; font-family:Georgia, "Times New Roman", Times, serif; } #btn { width:300px;height:150px; background-image: -ms-linear-gradient(right, rgb(138, 181, 20) 0%, rgb(217, 50, 50) 100%); } </style> </head> <body> <DIV id="btn"></div> </body> </html>

30/05/2014, 10h51
hackoofr

[HTA] MATRIX LOGIN + Simulation DOS.hta

:salut:
Vous voulez dire faire quelque chose comme ce code [HTA] MATRIX LOGIN + Simulation DOS.hta
Remarque : Pour sortir de la Matrix ==> Mot de passe : 123 :mouarf:
30/05/2014, 12h15
patricktoulon

re

Bonjour hackoofr

j'avoue que je ne comprends pas ta réponse mon problème c'est juste la balise méta qui annule la partie du code hta application

si je la met on a la captions alors que l'on devrait pas l'avoir

si je l'enlève je n'est plus le dégradé de couleur (css3)

:salut:
Désolé pour la fausse piste :oops:
essayez de modifier ce code peut-être il vous donne plus d'idée ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<html>
<head>
<HTA:APPLICATION ID="TELEVISION"
applicationName="TELEVISION"
version="1.1"
ICON = "magnify.exe"
BORDER="THIN"
CAPTION="NO"
INNERBORDER="NO"
MAXIMIZEBUTTON="NO"
MINIMIZEBUTTON="NO"
SCROLL="NO"
SYSMENU="NO"
SELECTION="NO"
SINGLEINSTANCE="YES"
SYSMENU="yes"
WINDOWSTATE="MAXIMIZE">
<TITLE>TELEVISION</TITLE>
<style type="text/css"> 
div {
left: 2%;
top: 50%;
}
marquee {
height: 25px;
width: 450px;
}
marquee span {
height: 100px;
width: 100px;
background: DarkOrange;
float: left;
}
 
.handle-0 { filter: alpha(opacity=20); -moz-opacity: 0.20; }
.handle-1 { filter: alpha(opacity=40); -moz-opacity: 0.40; }
.handle-2 { filter: alpha(opacity=60); -moz-opacity: 0.60; }
.handle-3 { filter: alpha(opacity=80); -moz-opacity: 0.80; }
.handle-4 { filter: alpha(opacity=100); -moz-opacity: 1; }
</style>
</head>
<BODY text="white" bgcolor= "black"><CENTER><DIV>
<div>
<marquee direction="right" scrollamount="10">
<span class="handle-0"></span>
<span class="handle-1"></span>
<span class="handle-2"></span>
<span class="handle-3"></span>
<span class="handle-4"></span>
</marquee><br><br>
</div>
</body>
</html>

Bonjour hackoofr
c'st pas mal ton idée de dégradé en transparence
pour te donner l'exemple du problème j'ai repris ton code et ajouter un div
enlève le point d'exclamation et le tirets et regarde la différence avec ou sans

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<html>
<head>
<!--meta http-equiv="x-ua-compatible" content="IE=edge" />
<HTA:APPLICATION ID="TELEVISION"
applicationName="TELEVISION"
version="1.1"
ICON = "magnify.exe"
BORDER="THIN"
CAPTION="NO"
INNERBORDER="NO"
MAXIMIZEBUTTON="NO"
MINIMIZEBUTTON="NO"
SCROLL="NO"
SYSMENU="NO"
SELECTION="NO"
SINGLEINSTANCE="YES"
SYSMENU="yes"
WINDOWSTATE="MAXIMIZE">
<TITLE>TELEVISION</TITLE>
<style type="text/css"> 
#conteneur1 {
left: 2%;
top: 50%;
}
marquee {
height: 25px;
width: 450px;
}
marquee span {
height: 100px;
width: 100px;
background:DarkViolet;

float: left;
}
.handle-0 { filter: alpha(opacity=20); -moz-opacity: 0.20; }
.handle-1 { filter: alpha(opacity=40); -moz-opacity: 0.40; }
.handle-2 { filter: alpha(opacity=60); -moz-opacity: 0.60; }
.handle-3 { filter: alpha(opacity=80); -moz-opacity: 0.80; }
.handle-4 { filter: alpha(opacity=100); -moz-opacity: 1; }
#conteneur2 {left:0;height:300PX;width:500PX;border:solid 2PX red;
background:MediumViolet;
background-image: -ms-linear-gradient(top, rgb(3, 42, 77) 0%, rgb(128, 194, 245) 100%);
}
 

</style>
<!--********************************************************************************************--!>
<SCRIPT LANGUAGE="VBScript">
sub fermer() 
window.close
end sub 
</script>

</head>
<BODY text="white" bgcolor= "black"><CENTER><DIV>
<div id="conteneur1">
<marquee direction="right" scrollamount="10">
<span class="handle-0"></span>
<span class="handle-1"></span>
<span class="handle-2"></span>
<span class="handle-3"></span>
<span class="handle-4"></span>
</marquee><br><br>
</div>
<div id="conteneur2"></div>
<input  type="button" value="Fermer" id="bouton1" onclick="fermer()"/>
</body>
</html>

une idée parce que la je bute ce point et ca me rend dingue

30/05/2014, 17h08
hackoofr

:salut: X-UA-Compatible : IE=Edge
30/05/2014, 19h43
patricktoulon

re

re
merci pour cette petite lecture
il faut pas oublier que le fichier est un HTA donc fonctionnant avec les librairie de IE

si tu a une solution autre que la meta pour rendre compatible le css3 (dégradé et arrondi ) en gardant les propriété de l'application

HTA ,je suis preneur.

pour le moment c'est ou l'un ou l'autre
je cherche je cherche
02/06/2014, 07h54
Bovino

Ton doctype est incorrect, donc nécessairement, ça fait passer IE en mode de compatibilité qui ne reconnait pas les propriétés CSS 3.
02/06/2014, 11h40
patricktoulon

re

Bonjour bovino

Ok mais quel est le bon doc type alors pour pouvoir gérer le ccs 3 dans un hta

j'en ai essayé pas mal et sans cette balise méta les dégradés ou arrondis sont ne sont pas gérés dans le hta
02/06/2014, 11h53
Bovino

Autant essayer avec le plus simple possible :

Code:

<!doctype html>

Bonjour BOVINO
j'ai déjà essayé ce doctype

voila le code html avec css interne de la page
essaie avec la balise meta et sans, tu verra la différence
en plus il semblerait que que cette balise annule les fonction Windows-onload et Windows-onunload
bref tout les fonctions concernant l'application hta sont désactivées

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
 
<!DOCTYPE html>
<html>
<head>
<HTA:APPLICATION ID="TELEVISION"
   applicationName="TELEVISION"
   version="1.1"
       CAPTION="NO"
    CONTEXTMENU="YES"
       NAVIGATABLE="YES"
    SCROLL="NO"
    SCROLLFLAT="no"
    SELECTION="YES"
    SHOWINTASKBAR="yes"
    SINGLEINSTANCE="yes"
    SYSMENU="yes"
    WINDOWSTATE="maximiZe" 
/>
<TITLE>TELEVISION</TITLE>
 
<meta http-equiv="x-ua-compatible"  content="IE=10"/>
 
 
<style type="text/css">
html{
    height:100%;
    background-image: -ms-linear-gradient(top,rgb(128, 194, 245)  0%, rgb(3, 42, 77) 100%);
}
 
#fondmenu
{
position: absolute;top: 1%;RIGHT: 2%;width: 18%;height: 80%;border:1px solid LightCyan;overflow-x: auto;
background:Teal;
background-image: -ms-linear-gradient(top, rgb(3, 42, 77) 0%, rgb(128, 194, 245) 100%);
border-radius: 20px;//
}
 
#fondiframe
{position: absolute;top: 1%;left: 2%;
width: 75%;height: 80%;border:1px solid LightCyan;overflow-x: none; 
background:black;
border-radius: 20px;//
}
 
#fondmenu2
{
width: 96%;height: 15%;
position: absolute;top: 83%;RIGHT: 2%;
border:1px solid LightCyan;
background:MediumAquamarine;
background-image: -ms-linear-gradient(top, rgb(3, 42, 77) 0%, rgb(128, 194, 245) 100%);
border-radius: 20px;//
}
#fondvolume
{
position: absolute;top: 2%;LEFT: 1%;width: 28%;height: 94%;
border:1px solid LightCyan;
background:MediumAquamarine;
background: -ms-linear-gradient(top, rgba(232,221,126,0.23) 0%,rgba(232,221,126,0.37) 50%,rgba(154,154,30,0.49) 94%,rgba(154,154,30,0.51) 100%); /* IE10+ */
border-radius: 20px;//
 
}
#Btvol
{
width: 25%;height: 10%;border:1px solid BLUE;PADDING-left:10px;
background:TRANSPARENT;
FONT-SIZE:13pt;
border-radius: 20px;//
}
 #Btvol:hover 
{
background:LightSeaGreen;
background: -ms-linear-gradient(top, rgba(21,16,80,0.08) 0%,rgba(15,13,109,0.08) 34%,rgba(12,11,127,0.08) 55%,rgba(6,8,155,0.64) 88%,rgba(6,8,155,0.78) 96%); /* IE10+ */
border-radius: 20px;
}
#fondvue
{
position: absolute;width: 90%;height: 15%;left:5%;border:1px solid LIME;
background:TRANSPARENT;
}
#vue{
position: absolute;top: 1%;left: 1%;height: 97%;background:RED;
}
#foncchaine
{
width: 25%;height: 94%;
position: absolute;top: 2%;LEFT: 30%;
border:1px solid LightCyan;
background:MediumAquamarine;
background: -ms-linear-gradient(top, rgba(232,221,126,0.23) 0%,rgba(232,221,126,0.37) 50%,rgba(154,154,30,0.49) 94%,rgba(154,154,30,0.51) 100%); /* IE10+ */
border-radius: 20px;//
}
 
#resum
{
width: 31%;height: 94%;
position: absolute;top: 2%;LEFT: 56%;
border:1px solid LightCyan;
background:MediumAquamarine;
background: -ms-linear-gradient(top, rgba(232,221,126,0.23) 0%,rgba(232,221,126,0.37) 50%,rgba(154,154,30,0.49) 94%,rgba(154,154,30,0.51) 100%); /* IE10+ */
border-radius: 20px;//
}
 
 
 
#chaineUP
{
position: absolute;top: 25%;LEFT: 10%;width: 20%;height: 20%;border:1px solid BLUE;
background:TRANSPARENT;
border-radius: 20px;
FONT-SIZE:13pt;
}
#chaineDWN
{
position: absolute;top: 60%;LEFT: 10%;width: 20%;height: 20%;border:1px solid BLUE;
background:TRANSPARENT;
FONT-SIZE:13pt;
border-radius: 20px;//
}
 
#chaineUP:hover
{
background:LightSeaGreen;
background: -ms-linear-gradient(top, rgba(21,16,80,0.08) 0%,rgba(15,13,109,0.08) 34%,rgba(12,11,127,0.08) 55%,rgba(6,8,155,0.64) 88%,rgba(6,8,155,0.78) 96%); /* IE10+ */
border-radius: 20px;
}
#chaineDWN:hover
{
background:LightSeaGreen;
background: -ms-linear-gradient(top, rgba(21,16,80,0.08) 0%,rgba(15,13,109,0.08) 34%,rgba(12,11,127,0.08) 55%,rgba(6,8,155,0.64) 88%,rgba(6,8,155,0.78) 96%); /* IE10+ */
border-radius: 20px;
}
 
#monmenu{
position: absolute;top: 5%;RIGHT: 1%;FONT-SIZE:10PT;
 FONT-FAMILY: trebuchet ms,arial,tahoma,verdana,sans-serif;
width: 97%;height: 90%;border:0px solid LightCyan;overflow-x: auto; 
 
}
#monmenu UL{WIDTH:80%;}
 
#monmenu LI 
{
height: 5%;FLOAT:LEFT;  MARGIN-LEFT: -40PX; WIDTH: 99%;
LIST-STYLE-TYPE: none; PADDING-BOTTOM: 1%;FONT-WEIGHT: bold;
 FONT-SIZE: 80%;COLOR:black;
}
 
#monmenu LI:hover 
{
background:LightSeaGreen;
background: -ms-linear-gradient(top, rgba(204,222,255,0.32) 59%,rgba(204,223,224,0.32) 60%,rgba(197,243,243,0.32) 100%);
} 
 
#MONMENU UL LI IMG{width:20%;align:left;}
#BtnFermer{
position: absolute;top: 2%;RIGHT: 2%;width: 10%;height: 94%;border:1px solid BLUE;
background:TRANSPARENT;
border-radius: 20px;
FONT-SIZE:13pt;
}
#BtnFermer:hover{
position: absolute;top: 2%;RIGHT: 2%;width: 10%;height: 94%;border:1px solid BLUE;
background:LightSeaGreen;
background: -ms-linear-gradient(top, rgba(35,16,248,0.04) 4%,rgba(35,16,247,0.04) 6%,rgba(37,8,198,0.55) 79%,rgba(38,6,184,0.55) 100%); /* IE10+ */
FONT-SIZE:13pt;
}
 
</style>
<script type="text/javascript">
</SCRIPT>
<SCRIPT LANGUAGE="VBScript">
volume "MIN"
volume "UP"
 
'****************************************************************************************>
Sub Window_onLoad
 
End Sub
'*****************************************************************************************>
Sub Window_onUnload
  
End Sub
'*****************************************************************************************
sub fermer() 
on error resume next
fichier=replace(document.location.pathname,"TELEVISION.HTA","lapage.html")
Set objFSO = CreateObject("Scripting.FileSystemObject" ) 
'objFSO.DeleteFile (fichier ) 
window.close
end sub 
'********************************************************************************************
sub changechaine(nom) 
msgbox nom
end sub 
'********************************************************************************************
Sub Volume(Param)
 ''msgbox document.getElementById("fondvue").style.width
set oShell = CreateObject("WScript.Shell") 
    Select Case Param 
    Case "MAX"
        oShell.SendKeys "{" & chr(175) & " 50}" ' volume maximum 100%
    
Case "MIN"
        oShell.SendKeys "{" & chr(174) & " 50}" 'volume minimum 0% 
    Case "UP"
        oShell.SendKeys "{" & chr(175) & " 10}" 'volume +20%
    
'document.getElementById("vue").style.width=document.getElementById("vue").style.width + svar & "px"
Case "DOWN"
        oShell.SendKeys "{" & chr(174) & " 10}" 'volume +20%
    Case "MUTE"
        oShell.SendKeys chr(173) 'permet de couper/remettre le son (bascule)
    End select
End Sub
</SCRIPT>
</head>
<body>
<DIV ID="fondiframe">
 
</div>
<DIV id="fondmenu2" >
 
<div id="fondvolume" >
<center><a>Volume</a></center>
<center><div id="fondvue">
<div id="vue"></div>
</div>
</center>
<br>
<br>
<center><input  type="button" value="  -  "    id="Btvol" onclick="Volume ('DOWN')"/><a> </a><input  type="button" value="Mute"   id="Btvol" onclick="Volume('MUTE')"/><a> </a><input  type="button" value="  +  "   id="Btvol" onclick="Volume('UP')"/></center>
</div>
 
 
<div id="foncchaine" >
<center><a>CHAINE</a></center>
<input  type="button" value="  +  " id="chaineUP" onclick="CHANGEchaineUP('plus')"/>
<input  type="button" value="  -  "   id="chaineDWN" onclick="CHANGEchaineUP('moins')"/>
</div>
<div id="resum">
<center><a>Synopsis</a></center>
<center><textarea id="synopsis" cols="40" rows="5" ... ></textarea></center>
</div>
<input  type="button" value="Fermer"    id="BtnFermer" onclick="fermer()"/>
</div>
 
<DIV id="fondmenu">
<DIV id="monmenu">
<UL class=niveau1> 
 
     <LI id="TF1" onclick="changechaine(this.id)"><IMG src="images\1.gif"  align=center >TF1</LI>
 
<li ID="France2"onclick="changechaine('France2')" ><IMG src="images\France2.gif"  align=center >France2</LI>
<li ID="France3"onclick="changechaine('France3')" ><IMG src="images\France3.gif"  align=center >France3</LI>
<li ID="France5"onclick="changechaine('France5')" ><IMG src="images\France5.gif"  align=center >France5</LI>
<li ID="M6"onclick="changechaine('M6')" ><IMG src="images\M6.gif"  align=center >m6</LI>
<li ID="Arte"onclick="changechaine('Arte')" ><IMG src="images\Arte.gif"  align=center >Arte</LI>
<li ID="D8"onclick="changechaine('D8')" ><IMG src="images\D8.gif"  align=center >D8</LI>
<li ID="W9"onclick="changechaine('W9')" ><IMG src="images\W-9.gif"  align=center >W9</LI>
<li ID="TMC"onclick="changechaine('TMC')" ><IMG src="images\TMC.gif"  align=center >TMC</LI>
<li ID="NT1"onclick="changechaine('NT1')" ><IMG src="images\NT1.gif"  align=center >NT1</LI>
<li ID="NRJ12"onclick="changechaine('NRJ12')" ><IMG src="images\NRJ12.gif"  align=center >NRJ12</LI>
<li ID="La Chaîne Parlementaire"onclick="changechaine('La Chaine Parlementaire')" ><IMG src="images\LCP.gif"  align=center >La Chaîne Parlementaire</LI>
<li ID="France4"onclick="changechaine('France4')" ><IMG src="images\France4.gif"  align=center >France4</LI>
<li ID="BFMTV"onclick="changechaine('BFMTV')" ><IMG src="images\BFMTV.gif"  align=center >BFMTV</LI>
<li ID="i> TELE"onclick="changechaine('i> TELE')" ><IMG src="images\itele.gif"  align=center >i> TELE</LI>
<li ID="D17"onclick="changechaine('D17')" ><IMG src="images\D17.gif"  align=center >D17</LI>
<li ID="GULLI"onclick="changechaine('GULLI')" ><IMG src="images\18.gif"  align=center >GULLI</LI>
<li ID="France-O"onclick="changechaine('France-O')" ><IMG src="images\FranceO.gif"  align=center >France Ô</LI>
<li ID="l Equipe 21"onclick="changechaine('l Equipe 21')" ><IMG src="images\TF1.gif"  align=center >l Equipe 21</LI>
<li ID="6TER"onclick="changechaine('6TER')" ><IMG src="images\6TER.gif"  align=center >6TER</LI>
<li ID="Numero23"onclick="changechaine('Numero23')" ><IMG src="images\numero23.gif"  align=center >Numéro23</LI>
<li ID="HD1"onclick="changechaine('HD1')" ><IMG src="images\HD1.gif"  align=center >HD1</LI>
<li ID="RMC-Decouverte"onclick="changechaine('RMC-Decouverte')" ><IMG src="images\rmcdecouverte.gif"  align=center >RMC-Découverte</LI>
<li ID="Cherie-25"onclick="changechaine('Cherie-25')" ><IMG src="images\cherie25.gif"  align=center >Chérie-25</LI>
<li ID="RTL9"onclick="changechaine('RTL9')" ><IMG src="images\RTL9.gif"  align=center >RTL9</LI>
<li ID="Vivolta"onclick="changechaine('Vivolta')" ><IMG src="images\Vivolta.gif"  align=center >Vivolta</LI>
<li ID="AB 1"onclick="changechaine('AB 1')" ><IMG src="images\AB 1.gif"  align=center >AB 1</LI>
<li ID="Paramount-Channel"onclick="changechaine('Paramount-Channel')" ><IMG src="images\Paramount Channel.gif"  align=center >Paramount-Channel</LI>
<li ID="NRJ-Hits"onclick="changechaine('NRJ-Hits')" ><IMG src="images\NRJ Hits.gif"  align=center >NRJ-Hits</LI>
<li ID="Game-One-Music HD"onclick="changechaine('Game-One-Music HD')" ><IMG src="images\Game One.gif"  align=center >Game-One-Music HD</LI>
<li ID="Clubbing-TV"onclick="changechaine('Clubbing-TV')" ><IMG src="images\clubingtv.gif"  align=center >Clubbing-TV</LI>
<li ID="OFIVE"onclick="changechaine('OFIVE')" ><IMG src="images\TF1.gif"  align=center >OFIVE</LI>
<li ID="Just4Talent"onclick="changechaine('Just4Talent')" ><IMG src="images\TF1.gif"  align=center >Just4Talent</LI>
<li ID="Virgin-Radio-TV"onclick="changechaine('Virgin-Radio-TV')" ><IMG src="images\TF1.gif"  align=center >Virgin-Radio-TV</LI>
<li ID="TV5-Monde"onclick="changechaine('TV5-Monde')" ><IMG src="images\TV5MONDE.gif"  align=center >TV5-Monde</LI>
<li ID="BFM-Business"onclick="changechaine('BFM-Business')" ><IMG src="images\TF1.gif"  align=center >BFM-Business</LI>
<li ID="Euronews"onclick="changechaine('Euronews')" ><IMG src="images\TF1.gif"  align=center >Euronews</LI>
<li ID="Bloomberg-TV"onclick="changechaine('Bloomberg-TV')" ><IMG src="images\TF1.gif"  align=center >Bloomberg-TV</LI>
<li ID="Al Jazeera International"onclick="changechaine('Al Jazeera International')" ><IMG src="images\TF1.gif"  align=center >Al Jazeera International</LI>
<li ID="Sky News International"onclick="changechaine('Sky News International')" ><IMG src="images\TF1.gif"  align=center >Sky News International</LI>
<li ID="i24 News"onclick="changechaine('i24 News')" ><IMG src="images\TF1.gif"  align=center >i24 News</LI>
<li ID="CNBC"onclick="changechaine('CNBC')" ><IMG src="images\TF1.gif"  align=center >CNBC</LI>
<li ID="LCP-Ass..Nationale"onclick="changechaine('LCP-Ass..Nationale')" ><IMG src="images\TF1.gif"  align=center >LCP-Ass..Nationale</LI>
<li ID="Public Sénat"onclick="changechaine('Public Sénat')" ><IMG src="images\TF1.gif"  align=center >Public Sénat</LI>
<li ID="Campagnes TV"onclick="changechaine('Campagnes TV')" ><IMG src="images\TF1.gif"  align=center >Campagnes TV</LI>
<li ID="France 24"onclick="changechaine('France24')" ><IMG src="images\TF1.gif"  align=center >France 24</LI>
<li ID="France 24 English"onclick="changechaine('France 24 English')" ><IMG src="images\TF1.gif"  align=center >France 24 English</LI>
<li ID="France 24 Arab"onclick="changechaine('France 24 Arab')" ><IMG src="images\TF1.gif"  align=center >France 24 Arab</LI>
<li ID="GONG BASE"onclick="changechaine('GONG BASE')" ><IMG src="images\TF1.gif"  align=center >GONG BASE</LI>
<li ID="Game One"onclick="changechaine('Game One')" ><IMG src="images\TF1.gif"  align=center >Game One</LI>
<li ID="Game One +1"onclick="changechaine('Game One +1')" ><IMG src="images\TF1.gif"  align=center >Game One +1</LI>
<li ID="Lucky Jack"onclick="changechaine('Lucky Jack')" ><IMG src="images\TF1.gif"  align=center >Lucky Jack</LI>
<li ID="Men S Up TV"onclick="changechaine('Men S Up TV')" ><IMG src="images\TF1.gif"  align=center >Men S Up TV</LI>
<li ID="Nolife"onclick="changechaine('Nolife')" ><IMG src="images\TF1.gif"  align=center >Nolife</LI>
<li ID="NRJ Paris Sat"onclick="changechaine('NRJ Paris Sat')" ><IMG src="images\TF1.gif"  align=center >NRJ Paris Sat</LI>
<li ID="Eurochannel"onclick="changechaine('Eurochannel')" ><IMG src="images\TF1.gif"  align=center >Eurochannel</LI>
<li ID="Fashion TV"onclick="changechaine('Fashion TV')" ><IMG src="images\TF1.gif"  align=center >Fashion TV</LI>
<li ID="World Fashion"onclick="changechaine('World Fashion')" ><IMG src="images\TF1.gif"  align=center >World Fashion</LI>
<li ID="Equidia Live"onclick="changechaine('Equidia Live')" ><IMG src="images\TF1.gif"  align=center >Equidia Live</LI>
<li ID="AB Moteurs"onclick="changechaine('AB Moteurs')" ><IMG src="images\TF1.gif"  align=center >AB Moteurs</LI>
<li ID="Ginx"onclick="changechaine('Ginx')" ><IMG src="images\TF1.gif"  align=center >Ginx</LI>
<li ID="Ikono"onclick="changechaine('Ikono')" ><IMG src="images\TF1.gif"  align=center >Ikono</LI>
<li ID="Montagne TV"onclick="changechaine('Montagne TV')" ><IMG src="images\TF1.gif"  align=center >Montagne TV</LI>
<li ID="Luxe.TV"onclick="changechaine('Luxe.TV')" ><IMG src="images\TF1.gif"  align=center >Luxe.TV</LI>
<li ID="Demain.tv"onclick="changechaine('Demain.tv')" ><IMG src="images\TF1.gif"  align=center >Demain.tv</LI>
<li ID="KTO"onclick="changechaine('KTO')" ><IMG src="images\TF1.gif"  align=center >KTO</LI>
<li ID="3Flow 3D (3D)"onclick="changechaine('3Flow 3D (3D)')" ><IMG src="images\TF1.gif"  align=center >3Flow 3D (3D)</LI>
<li ID="Souvenirs from Earth"onclick="changechaine('Souvenirs from Earth')" ><IMG src="images\TF1.gif"  align=center >Souvenirs from Earth</LI>
<li ID="Astro Center TV"onclick="changechaine('Astro Center TV')" ><IMG src="images\TF1.gif"  align=center >Astro Center TV</LI>
<li ID="M6 Boutique & Co"onclick="changechaine('M6 Boutique & Co')" ><IMG src="images\TF1.gif"  align=center >M6 Boutique & Co</LI>
<li ID="Best of Shopping"onclick="changechaine('Best of Shopping')" ><IMG src="images\TF1.gif"  align=center >Best of Shopping</LI>
<li ID="Ma Chaîne Etudiante"onclick="changechaine('Ma Chaîne Etudiante')" ><IMG src="images\TF1.gif"  align=center >Ma Chaîne Etudiante</LI>
<li ID="BeBlack"onclick="changechaine('BeBlack')" ><IMG src="images\TF1.gif"  align=center >BeBlack</LI>
<li ID="Grand Lille TV"onclick="changechaine('Grand Lille TV')" ><IMG src="images\TF1.gif"  align=center >Grand Lille TV</LI>
<li ID="TLT - Toulouse"onclick="changechaine('TLT - Toulouse')" ><IMG src="images\TF1.gif"  align=center >TLT - Toulouse</LI>
<li ID="TV7 Bordeaux"onclick="changechaine('TV7 Bordeaux')" ><IMG src="images\TF1.gif"  align=center >TV7 Bordeaux</LI>
<li ID="8 Mont-Blanc"onclick="changechaine('8 Mont-Blanc')" ><IMG src="images\TF1.gif"  align=center >8 Mont-Blanc</LI>
<li ID="TéléGrenoble"onclick="changechaine('TéléGrenoble')" ><IMG src="images\TF1.gif"  align=center >TéléGrenoble</LI>
<li ID="Telif"onclick="changechaine('Telif')" ><IMG src="images\TF1.gif"  align=center >Telif</LI>
<li ID="La Locale"onclick="changechaine('La Locale')" ><IMG src="images\TF1.gif"  align=center >La Locale</LI>
<li ID="Normandie TV"onclick="changechaine('Normandie TV')" ><IMG src="images\TF1.gif"  align=center >Normandie TV</LI>
<li ID="Télénantes Nantes 7"onclick="changechaine('Télénantes Nantes 7')" ><IMG src="images\TF1.gif"  align=center >Télénantes Nantes 7</LI>
<li ID="La Chaîne Marseille"onclick="changechaine('La Chaîne Marseille')" ><IMG src="images\TF1.gif"  align=center >La Chaîne Marseille</LI>
<li ID="Clermont Première"onclick="changechaine('Clermont Première')" ><IMG src="images\TF1.gif"  align=center >Clermont Première</LI>
<li ID="TV Tours"onclick="changechaine('TV Tours')" ><IMG src="images\TF1.gif"  align=center >TV Tours</LI>
<li ID="NRJ Paris"onclick="changechaine('NRJ Paris')" ><IMG src="images\TF1.gif"  align=center >NRJ Paris</LI>
<li ID="BFM Business Paris"onclick="changechaine('BFM Business Paris')" ><IMG src="images\TF1.gif"  align=center >BFM Business Paris</LI>
<li ID="IDF 1"onclick="changechaine('IDF 1')" ><IMG src="images\TF1.gif"  align=center >IDF 1</LI>
<li ID="Locales Ile de France"onclick="changechaine('Locales Ile de France')" ><IMG src="images\TF1.gif"  align=center >Locales Ile de France</LI>
<li ID="Alsace 20"onclick="changechaine('Alsace 20')" ><IMG src="images\TF1.gif"  align=center >Alsace 20</LI>
<li ID="Telessonne"onclick="changechaine('Telessonne')" ><IMG src="images\TF1.gif"  align=center >Telessonne</LI>
<li ID="TV Fil 78"onclick="changechaine('TV Fil 78')" ><IMG src="images\TF1.gif"  align=center >TV Fil 78</LI>
<li ID="Wéo"onclick="changechaine('Wéo')" ><IMG src="images\TF1.gif"  align=center >Wéo</LI>
<li ID="TLM"onclick="changechaine('TLM')" ><IMG src="images\TF1.gif"  align=center >TLM</LI>
<li ID="Canal Local Valenciennois"onclick="changechaine('Canal Local Valenciennois')" ><IMG src="images\TF1.gif"  align=center >Canal Local Valenciennois</LI>
<li ID="Canal 10 Guadeloupe"onclick="changechaine('Canal 10 Guadeloupe')" ><IMG src="images\TF1.gif"  align=center >Canal 10 Guadeloupe</LI>
<li ID="Yvelines Première"onclick="changechaine('Yvelines Première')" ><IMG src="images\TF1.gif"  align=center >Yvelines Première</LI>
<li ID="Calaisis TV"onclick="changechaine('Calaisis TV')" ><IMG src="images\TF1.gif"  align=center >Calaisis TV</LI>
<li ID="TV SUD Camargue Cévennes"onclick="changechaine('TV SUD Camargue Cévennes')" ><IMG src="images\TF1.gif"  align=center >TV SUD Camargue Cévennes</LI>
<li ID="Mirabelle TV"onclick="changechaine('Mirabelle TV')" ><IMG src="images\TF1.gif"  align=center >Mirabelle TV</LI>
<li ID="Vosges Television"onclick="changechaine('Vosges Television')" ><IMG src="images\TF1.gif"  align=center >Vosges Television</LI>
<li ID="TV SUD Montpellier"onclick="changechaine('TV SUD Montpellier')" ><IMG src="images\TF1.gif"  align=center >TV SUD Montpellier</LI>
<li ID="Maritima TV"onclick="changechaine('Maritima TV')" ><IMG src="images\TF1.gif"  align=center >Maritima TV</LI>
<li ID="TV Vendée"onclick="changechaine('TV Vendée')" ><IMG src="images\TF1.gif"  align=center >TV Vendée</LI>
<li ID="Opal TV"onclick="changechaine('Opal TV')" ><IMG src="images\TF1.gif"  align=center >Opal TV</LI>
<li ID="TNA"onclick="changechaine('TNA')" ><IMG src="images\TF1.gif"  align=center >TNA</LI>
<li ID="TVR"onclick="changechaine('TVR')" ><IMG src="images\TF1.gif"  align=center >TVR</LI>
<li ID="Tébésud"onclick="changechaine('Tébésud')" ><IMG src="images\TF1.gif"  align=center >Tébésud</LI>
<li ID="Tébéo"onclick="changechaine('Tébéo')" ><IMG src="images\TF1.gif"  align=center >Tébéo</LI>
<li ID="D!CI TV"onclick="changechaine('D!CI TV')" ><IMG src="images\TF1.gif"  align=center >D!CI TV</LI>
<li ID="MFM TV"onclick="changechaine('MFM TV')" ><IMG src="images\TF1.gif"  align=center >MFM TV</LI>
<li ID="SUD1ere"onclick="changechaine('SUD1ere')" ><IMG src="images\TF1.gif"  align=center >SUD1ere</LI>
<li ID="Vox Africa"onclick="changechaine('Vox Africa')" ><IMG src="images\TF1.gif"  align=center >Vox Africa</LI>
<li ID="MBOA TV"onclick="changechaine('MBOA TV')" ><IMG src="images\TF1.gif"  align=center >MBOA TV</LI>
<li ID="Medi1TV"onclick="changechaine('Medi1TV')" ><IMG src="images\TF1.gif"  align=center >Medi1TV</LI>
<li ID="Canal Algérie"onclick="changechaine('Canal Algérie')" ><IMG src="images\TF1.gif"  align=center >Canal Algérie</LI>
<li ID="Tamazight TV4"onclick="changechaine('Tamazight TV4')" ><IMG src="images\TF1.gif"  align=center >Tamazight TV4</LI>
<li ID="Beur TV"onclick="changechaine('Beur TV')" ><IMG src="images\TF1.gif"  align=center >Beur TV</LI>
<li ID="CCTV-Documentaire"onclick="changechaine('CCTV-Documentaire')" ><IMG src="images\TF1.gif"  align=center >CCTV-Documentaire</LI>
<li ID="CCTV-News"onclick="changechaine('CCTV-News')" ><IMG src="images\TF1.gif"  align=center >CCTV-News</LI>
<li ID="CCTV F"onclick="changechaine('CCTV F')" ><IMG src="images\TF1.gif"  align=center >CCTV F</LI>
<li ID="Arirang"onclick="changechaine('Arirang')" ><IMG src="images\TF1.gif"  align=center >Arirang</LI>
<li ID="TV Romania"onclick="changechaine('TV Romania')" ><IMG src="images\TF1.gif"  align=center >TV Romania</LI>
<li ID="God TV"onclick="changechaine('God TV')" ><IMG src="images\TF1.gif"  align=center >God TV</LI>
<li ID="Noursat"onclick="changechaine('Noursat')" ><IMG src="images\TF1.gif"  align=center >Noursat</LI>
<li ID="Telesur"onclick="changechaine('Telesur')" ><IMG src="images\TF1.gif"  align=center >Telesur</LI>
<li ID="IMED TV"onclick="changechaine('IMED TV')" ><IMG src="images\TF1.gif"  align=center >IMED TV</LI>
<li ID="Ennahar"onclick="changechaine('Ennahar')" ><IMG src="images\TF1.gif"  align=center >Ennahar</LI>
<li ID="SkyTurk"onclick="changechaine('SkyTurk')" ><IMG src="images\TF1.gif"  align=center >SkyTurk</LI>
<li ID="Ulusal Kanal"onclick="changechaine('Ulusal Kanal')" ><IMG src="images\TF1.gif"  align=center >Ulusal Kanal</LI>
<li ID="Arriyadia"onclick="changechaine('Arriyadia')" ><IMG src="images\TF1.gif"  align=center >Arriyadia</LI>
<li ID="2M Maroc"onclick="changechaine('2M Maroc')" ><IMG src="images\TF1.gif"  align=center >2M Maroc</LI>
<li ID="TVM Europe"onclick="changechaine('TVM Europe')" ><IMG src="images\TF1.gif"  align=center >TVM Europe</LI>
<li ID="Hannibal TV"onclick="changechaine('Hannibal TV')" ><IMG src="images\TF1.gif"  align=center >Hannibal TV</LI>
<li ID="Télévision Tunisienne"onclick="changechaine('Télévision Tunisienne')" ><IMG src="images\TF1.gif"  align=center >Télévision Tunisienne</LI>
<li ID="Al Masriya"onclick="changechaine('Al Masriya')" ><IMG src="images\TF1.gif"  align=center >Al Masriya</LI>
<li ID="Al Jazeera"onclick="changechaine('Al Jazeera')" ><IMG src="images\TF1.gif"  align=center >Al Jazeera</LI>
<li ID="Al Jazeera Children"onclick="changechaine('Al Jazeera Children')" ><IMG src="images\TF1.gif"  align=center >Al Jazeera Children</LI>
<li ID="Powertürk TV"onclick="changechaine('Powertürk TV')" ><IMG src="images\TF1.gif"  align=center >Powertürk TV</LI>
<li ID="TRT1"onclick="changechaine('TRT1')" ><IMG src="images\TF1.gif"  align=center >TRT1</LI>
<li ID="TRT Cocuk"onclick="changechaine('TRT Cocuk')" ><IMG src="images\TF1.gif"  align=center >TRT Cocuk</LI>
<li ID="Kanal 24"onclick="changechaine('Kanal 24')" ><IMG src="images\TF1.gif"  align=center >Kanal 24</LI>
<li ID="TRT INT"onclick="changechaine('TRT INT')" ><IMG src="images\TF1.gif"  align=center >TRT INT</LI>
<li ID="Kanal 7 INT"onclick="changechaine('Kanal 7 INT')" ><IMG src="images\TF1.gif"  align=center >Kanal 7 INT</LI>
<li ID="Samanyolu TV"onclick="changechaine('Samanyolu TV')" ><IMG src="images\TF1.gif"  align=center >Samanyolu TV</LI>
<li ID="TVT"onclick="changechaine('TVT')" ><IMG src="images\TF1.gif"  align=center >TVT</LI>
<li ID="Hilal TV"onclick="changechaine('Hilal TV')" ><IMG src="images\TF1.gif"  align=center >Hilal TV</LI>
<li ID="TV5 Turkey"onclick="changechaine('TV5 Turkey')" ><IMG src="images\TF1.gif"  align=center >TV5 Turkey</LI>
<li ID="Halk TV"onclick="changechaine('Halk TV')" ><IMG src="images\TF1.gif"  align=center >Halk TV</LI>
<li ID="Arte Allemand"onclick="changechaine('Arte Allemand')" ><IMG src="images\TF1.gif"  align=center >Arte Allemand</LI>
<li ID="DW-TV"onclick="changechaine('DW-TV')" ><IMG src="images\TF1.gif"  align=center >DW-TV</LI>
<li ID="RTPi"onclick="changechaine('RTPi')" ><IMG src="images\TF1.gif"  align=center >RTPi</LI>
<li ID="Dubai TV"onclick="changechaine('Dubai TV')" ><IMG src="images\TF1.gif"  align=center >Dubai TV</LI>
<li ID="Armenia Public TV"onclick="changechaine('Armenia Public TV')" ><IMG src="images\TF1.gif"  align=center >Armenia Public TV</LI>
<li ID="Armenia TV"onclick="changechaine('Armenia TV')" ><IMG src="images\TF1.gif"  align=center >Armenia TV</LI>
<li ID="Vesti"onclick="changechaine('Vesti')" ><IMG src="images\TF1.gif"  align=center >Vesti</LI>
<li ID="NHK"onclick="changechaine('NHK')" ><IMG src="images\TF1.gif"  align=center >NHK</LI>
<li ID="Russia Today"onclick="changechaine('Russia Today')" ><IMG src="images\TF1.gif"  align=center >Russia Today</LI>
<li ID="Russia Today Espanol"onclick="changechaine('Russia Today Espanol')" ><IMG src="images\TF1.gif"  align=center >Russia Today Espanol</LI>
<li ID="Record Internacional"onclick="changechaine('Record Internacional')" ><IMG src="images\TF1.gif"  align=center >Record Internacional</LI>
<li ID="Russian Al Yaum"onclick="changechaine('Russian Al Yaum')" ><IMG src="images\TF1.gif"  align=center >Russian Al Yaum</LI>
<li ID="Record News"onclick="changechaine('Record News')" ><IMG src="images\TF1.gif"  align=center >Record News</LI>
<li ID="L Aktu Freebox TV"onclick="changechaine('L Aktu Freebox TV')" ><IMG src="images\TF1.gif"  align=center >L Aktu Freebox TV</LI>
 
</UL>
 
</div>
</div>
</body>
</html>

Bonjour les gens !

J'ai trouvé un moyen de contourner ce problème avec la meta <meta http-equiv="X-UA-Compatible" content="IE=11,chrome=1">. (c'est un ptit glitch)
Pour contourner le problème, il va falloir créer un fichier hta sans mettre la balise meta et de mettre les paramètres hta que vous voulez puis de rajouter dans le head une meta pour changer de page et d'aller sur le hta contenant la balise meta. En l'occurence, celle-ci : <meta http-equiv="refresh" content="0; URL=fichier-avec-balise-meta-x-ua-compatible.hta" />

Et voilà, le fichier contenant la meta <meta http-equiv="X-UA-Compatible" content="IE=11,chrome=1"> prendra en compte les paramètres hta du premier fichier.

Exemple :

010101.hta :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<html>
<head>
<hta:application 
   showintaskbar = "yes" 
   caption = "no"
   border = "thick" 
   contextmenu = "yes" 
   innerborder = "no"  
   singleinstance = "yes"  
   resizable = "yes" 
   windowState = "maximize" 
   navigable = "yes"
> 
<meta http-equiv="refresh" content="0; URL=Accueil.hta" />
</head>
<body>
</body>
</html>

Accueil.hta

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
 
<!DOCTYPE HTML>
<html>
	<head>
		<HTA:APPLICATION 
		NAVIGABLE="yes"
		/>
		<title>fdhbngfnfngfn,cdngngfnfgc</title>
		<meta http-equiv="X-UA-Compatible" content="IE=11,chrome=1">
		<script type="text/javascript">
                        function sonmenu() {
                                var audioElement = document.createElement('audio');
                                audioElement.setAttribute('src', 'son/Son-bouton-accueil.mp3');
                                audioElement.play();
                        }
                        function sonmenuclick() {
                                var audioElement = document.createElement('audio');
                                audioElement.setAttribute('src', 'son/Son-bouton-accueil-clique.mp3');
                                audioElement.play();
                        }
                        function quit() {
                                var audioElement = document.createElement('audio');
                                audioElement.setAttribute('src', 'son/Son-bouton-accueil-clique.mp3');
                                audioElement.play();
                                window.close();
                        }
                </script>
                <style>
@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
 
body {
        font-family: 'Lato', sans-serif;
    background: url('back.gif') no-repeat center fixed; 
    -webkit-background-size: cover;
    background-size: cover;
        color: #FFF;
}
.jumbotron h1 {
        color: #353535;
}
footer {
  margin-bottom: 0 !important;
  margin-top: 80px;
}
footer p {
  margin: 0;
  padding: 0;
}
span.icon {
        margin: 0 5px;
        color: #D64541;
}
h2 {
        color: #BDC3C7;
  text-transform: uppercase;
  letter-spacing: 1px;
}
 
div.rowa {
        margin-top: 9%;
}
 
div.row {
        margin-right: 10%;
        float: right;
}
 
a {
        width: 400px;
        height: 60px;
}
 
.mrng-60-top {
        margin-top: 60px;
}
/* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
        position: relative;
        display: block;
        margin: 30px auto 0;
        padding: 14px 15px;
        color: #fff;
        font-size:14px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        overflow: hidden;
        letter-spacing: .08em;
        border-radius: 0;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
        content: "";
        position: absolute;
        height: 0%;
        left: 50%;
        top: 50%;
        width: 150%;
        z-index: -1;
        -webkit-transition: all 0.75s ease 0s;
        -moz-transition: all 0.75s ease 0s;
        -o-transition: all 0.75s ease 0s;
        transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
        color: #FFF;
        text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
        height: 450%;
}
a.animated-button:link, a.animated-button:visited {
        position: relative;
        display: block;
        margin: 30px auto 0;
        padding: 14px 15px;
        color: #fff;
        font-size:14px;
        border-radius: 0;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        overflow: hidden;
        letter-spacing: .08em;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
}
 
/* Thar Buttons */
 
a.animated-button.thar-one {
        color: #fff;
        cursor: pointer;
        display: block;
        position: relative;
        border: 2px solid #F7CA18;
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-one:hover {
        color: #000 !important;
        background-color: transparent;
        text-shadow: none;
}
a.animated-button.thar-one:hover:before {
        bottom: 0%;
        top: auto;
        height: 100%;
}
a.animated-button.thar-one:before {
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        height: 0px;
        width: 100%;
        z-index: -1;
        content: '';
        color: #000 !important;
        background: #F7CA18;
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two {
        color: #fff;
        cursor: pointer;
        display: block;
        position: relative;
        border: 2px solid #F7CA18;
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two:hover {
        color: #000 !important;
        background-color: transparent;
        text-shadow: ntwo;
}
a.animated-button.thar-two:hover:before {
        top: 0%;
        bottom: auto;
        height: 100%;
}
a.animated-button.thar-two:before {
        display: block;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 0px;
        width: 100%;
        z-index: -1;
        content: '';
        color: #000 !important;
        background: #F7CA18;
        transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-three {
        color: #fff;
        cursor: pointer;
        display: block;
        position: relative;
        border: 2px solid #F7CA18;
        transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-three:hover {
        color: #000 !important;
        background-color: transparent;
        text-shadow: nthree;
}
a.animated-button.thar-three:hover:before {
        left: 0%;
        right: auto;
        width: 100%;
}
a.animated-button.thar-three:before {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
        width: 0px;
        z-index: -1;
        content: '';
        color: #000 !important;
        background: #F7CA18;
        transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four {
        color: #fff;
        cursor: pointer;
        display: block;
        position: relative;
        border: 2px solid #F7CA18;
        transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
a.animated-button.thar-four:hover {
        color: #000 !important;
        background-color: transparent;
        text-shadow: nfour;
}
a.animated-button.thar-four:hover:before {
        right: 0%;
        left: auto;
        width: 100%;
}
a.animated-button.thar-four:before {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 0px;
        z-index: -1;
        content: '';
        color: #000 !important;
        background: #F7CA18;
        transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
</style>
	</head>
	<body>
<div class="jumbotron text-center">
  <div class="container">
 
    <h1>fdhffgfgbfgbfgfgb</h1>
    <p style="color:#888;">fgbfggfngffgcnxffdwxxdb</p>
 
  </div>
</div>
<div class="rowa">
<div class="container"> 
  <div class="row">
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" onclick="sonmenuclick()" onMouseover="sonmenu()" class="btn btn-sm animated-button thar-one">JOUER</a> </div>
  </div>
</div>
<div class="container"> 
  <div class="row">
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" onclick="sonmenuclick()" onMouseover="sonmenu()" class="btn btn-sm animated-button thar-two">INFORMATION</a> </div>
  </div>
</div>
<div class="container"> 
  <div class="row">
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" onclick="sonmenuclick()" onMouseover="sonmenu()" class="btn btn-sm animated-button thar-three">CREDIT</a> </div>
  </div>
</div>
<div class="container"> 
  <div class="row">
    <div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" onclick="quit()" onMouseover="sonmenu()" class="btn btn-sm animated-button thar-four">QUITTER</a> </div>
  </div>
</div>
</div>
	</body>
</html>

Donc normalement, si vous avez testé cette exemple sur votre ordi, tout est en plein écran ! Alors que normalement, c'est impossible !
De plus, le fichier avec la balise meta ne prend plus en compte les liens vers d'autres fichiers comme des fichiers, c'est-à-dire que la navigation est possible !

Et par contre, il ne faut pas utiliser le VBScript mais le javascript.

P.S : des mois de recherche ! j'ai lu ce topic vers aout-septembre et je devais trouver un moyen au plus vite de contourner sa (j'avais le même problème) et comme j'ai trouvé, je le fais partager ici.
[hr]
Edit: j'ai oublié de préciser un truc : pour ouvrir accueil.hta, il faut ouvrir 01011010.hta