avec la version 57.0.64 ainsi que les précédentes, le fichier local html ci -dessous fonctionne correctement :
[modération: j'ai mis le code entre [ code] [ /code] pour une meilleur lisibilité] J2m06
Voir ici comment faire viewtopic.php?f=4&t=99938#p801174
Code : Tout sélectionner
<!-- Corps Principal -->
<!DOCTYPE HTML>
<meta charset="iso-8859-15">
<audio controls autoplay hidden>
<source src=AuRevoir.wav type="audio/mpeg">
</audio>
<!-- Début Style -->
<style type="text/css">
html,body {
height:100% ; width:100% ;
padding:0 ; margin:0 ;
text-align:center ; vertical-align: middle ;
box-sizing: border-box ;
font-family: Verdana ;
font-size:100% ; font-weight:bold ;
background: yellow ;
}
:root { --Height: auto ; --liwidth: calc(100% / 1 ) ; }
li {
height:auto ; width:100% ;
padding:0 ; margin:auto ;
text-align:center ; display:block ;
}
li.Partie {
height:100% ;
padding:0 ; margin:0 ;
text-align:center ; border:2px solid White ;
}
li.Abc {
height:var(--Height); width:var(--liwidth) ;
flex-direction: column ; border:1px solid white;
}
marquee {
height:100% ;
font-size:350% ;
color:Black ;
display:flex ;
flex-direction:column ;
justify-content:center ;
}
marquee.Partie {
height:calc(100% - 56px) ; /* - hauteur entete */
font-size: 4.5vw ;
color:Black ;
text-align:center ;
box-sizing: border-box ;
}
table {
font-size: 4vw ;
width:100% ;
border: solid ; border-collapse: collapse ;
}
td {
border-style: none solid ;
text-align:center ;
padding: 0px 15px ;
}
td.small {
font-size:1.5vw ; padding: 25px 15px ;
word-wrap:break-word ;
}
td.no {
font-size:180% ; padding: 1px 1px ;
}
td.eq {
font-style: italic ; padding: 0px 0px ;
}
td.z {
padding: 0px 0px ;
}
tr.eq {
border-style: solid solid ;
}
.entete {
height: 2.8vw ; width:100% ;
vertical-align: middle ;
font-size:2vw ; color: white
}
.entete2 {
height:2vw ; width:100% ;
font-size:1.5vw ; color:white ;
display:flex ; flex-direction:column ;
vertical-align: middle ; justify-content:center ;
}
.Box {
height:var(--Height) ;
margin: 0 ; padding: 0 ;
display: flex ; box-sizing: border-box ;
justify-content:center ; text-align:center ;
vertical-align: middle ;
}
header { font-size:1.8vw ; height: 4vh }
iframe {display:none}
img { position:relative; top: 50% ; transform: translateY(-50%); }
footer { position:absolute;bottom:0; font-size:1vw ; width:100%}
input.H { font-weight:bold ; font-size:1.5vw ; border:none ; background: yellow ; }
</style>
<!-- Fin de Style -->
<html lang="fr">
<title>Tirages Gc Concours</title>
<body>
<header>
<form name="formheure" onsubmit="0">
<input class=H name="Heure1" size=2 > mercredi 31 janv 2018
</form>
</header>
<!-- Bloc pour l'écran d'attente -->
<ul style="display:flex;flex-direction:column ;padding: 0 ;margin: 0; height: calc(100% - 6vh) ">
<ul class=Box Style="height:15%;font-size:1.5vw ;width:100%">
<li style="background:RGB(99,37,35);margin-top:0">
<marquee direction=Left scrollamount=5
style="width:90%;color:RGB(255,255,255);margin: auto auto">
Merci à tous et à bientôt
</marquee>
</li>
</ul>
<ul class=Box style="height:70%; width:100%;">
<img src="JoueurPétanque.gif" style="height:55%;width:25%;float:left;">
<ul class=Box style="height:100%;width:60%">
<img src="BornToBoule.jpg" style="height:100%;width:80%;border-radius: 50%">
</ul>
<img src="JoueurPétanque.gif" style="height:55%;width:25%;float:right;image-orientation:flip;">
</ul>
<ul class=Box Style="height:15%;font-size:1.5vw ;width:100%">
<li style="background:RGB(0,102,0);">
<marquee direction=Left behavior=alternate scrollamount=3
style="width:90%;color:RGB(255,255,255);margin: auto auto ">
N'oubliez pas de vous inscrire avec vos licences
</marquee>
</li>
</ul>
</ul>
<!-- Fin de Bloc pour l'écran d'attente -->
<footer>
<em>La Pétanque de Taverny à Vaucelles ©</em>
<iframe id="newflag" src="MajFlag.txt" ></iframe>
<iframe id="oldflag" src="MajFlag.txt" ></iframe>
</footer>
</body>
<!-- Début des scripts -->
<script>
// Lancement du timer toutes les 2 secondes
window.setInterval("Check_Update()",2000);
Start_Heure()
function Tempo_Marquee() {
document.getElementById("mqtm").setAttribute('scrollamount', 0, 0);
window.setTimeout(function()
{ document.getElementById("mqtm").setAttribute('scrollamount', 6, 0); }
,5000);
}
function Check_Update() {
document.getElementById("newflag").contentWindow.location.reload(true);
var oldflag = document.getElementById("oldflag").contentDocument.body;
var newflag = document.getElementById("newflag").contentDocument.body;
if ( oldflag.innerHTML != newflag.innerHTML ) {
console.log("on recharge tout");
window.location.reload();
}
}
function Start_Heure () {
var Maintenant = new Date();
document.formheure.Heure1.value = Maintenant.toLocaleTimeString().substring(0,5) ;
setTimeout("Start_Heure()",10000);
}
</script>
<!-- Fin des scripts-->
</html>
<!-- Fin de Corps Principal -->
) .
