Optimisation code
This commit is contained in:
21
index.html
21
index.html
@@ -22,38 +22,43 @@
|
||||
<div align="center">
|
||||
<table style="width: 900px; height: 160px; background-color: #B6D13A;">
|
||||
<tr>
|
||||
<td style="width: 400px; height: auto; text-align: center; color: white;"><p style="font-size: 20pt; color: #5A72B7; -webkit-text-stroke: 3px #5A72B7; line-height: 0.5em;">HAUTES-VOSGES</p><p style="font-size: medium;"><b>Le Thillot - Bussang - La Bresse</b></p><div style="background: #5A72B7; color: white; font-family: arial; text-align: left;" id="rdb_thillot">Prog. Hautes-Vosges...</div></td>
|
||||
<td style="width: 400px; height: auto; text-align: center; color: white;">
|
||||
<p style="font-size: 20pt; color: #5A72B7; -webkit-text-stroke: 3px #5A72B7; line-height: 0.5em;">HAUTES-VOSGES</p><p style="font-size: medium;"><b>Le Thillot - Bussang - La Bresse</b></p>
|
||||
<div style="background: #5A72B7; color: white; font-family: arial; text-align: left;" id="rdb_thillot">Prog. Hautes-Vosges...</div>
|
||||
</td>
|
||||
<td style="width: 150px; text-align: center; vertical-align: middle;">
|
||||
<a href="javascript:void(0)" onclick="lect_hv()"><span id="bouton_hv"></span></a>
|
||||
<audio preload="none" id="live_hv" name="live_hv" width="100%">
|
||||
<source src="https://stream.radiodesballons.com/hv" type="audio/mpeg" />
|
||||
</audio>
|
||||
</td>
|
||||
<td style="text-align: center; width: 250px; vertical-align: middle;"><img width="100%" src="img/rdb.png"></td>
|
||||
<td style="text-align: center; width: 250px; vertical-align: middle;"><img width="100%" src="img/rdb.png">
|
||||
</td>
|
||||
<td style="width: 150px; text-align: center; vertical-align: middle;">
|
||||
<a href="javascript:void(0)" onclick="lect_remiremont()"><span id="bouton_remiremont"></span></a>
|
||||
<audio preload="none" id="live_remiremont" name="live_remiremont" width="100%">
|
||||
<source src="https://stream.radiodesballons.com/remiremont" type="audio/mpeg" />
|
||||
</audio>
|
||||
</td>
|
||||
<td style="width: 400px; text-align: center; color: white;"><p style="font-size: 20pt; color: #5A72B7; -webkit-text-stroke: 3px #5A72B7; line-height: 0.5em;">REMIREMONT</p><p style="font-size: medium;"><b>Secteur de Remiremont</b></p><div style="background: #5A72B7; color: white; font-family: arial; text-align: left;" id="rdb_remiremont">Prog. Remiremont 101.8...</div></td>
|
||||
<td style="width: 400px; text-align: center; color: white;">
|
||||
<p style="font-size: 20pt; color: #5A72B7; -webkit-text-stroke: 3px #5A72B7; line-height: 0.5em;">REMIREMONT</p>
|
||||
<p style="font-size: medium;"><b>Secteur de Remiremont</b></p>
|
||||
<div style="background: #5A72B7; color: white; font-family: arial; text-align: left;" id="rdb_remiremont">Prog. Remiremont 101.8...</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var v1 = document.getElementById("live_hv");
|
||||
var t1 = document.getElementById("titre_hv");
|
||||
var b1 = document.getElementById("bouton_hv");
|
||||
|
||||
var v2 = document.getElementById("live_remiremont");
|
||||
var t2 = document.getElementById("titre_remiremont");
|
||||
var b2 = document.getElementById("bouton_remiremont");
|
||||
|
||||
var etat1 = "stop";
|
||||
var etat2 = "stop";
|
||||
|
||||
b1.innerHTML = "<img src=\"img/play.png\">";
|
||||
|
||||
function lect_hv() {
|
||||
if (etat1 == "stop") {
|
||||
etat1 = "play";
|
||||
@@ -70,8 +75,8 @@ function lect_hv() {
|
||||
v1.play();
|
||||
}
|
||||
}
|
||||
|
||||
b2.innerHTML = "<img src=\"img/play.png\">";
|
||||
|
||||
function lect_remiremont() {
|
||||
if (etat2 == "stop") {
|
||||
etat2 = "play";
|
||||
|
||||
Reference in New Issue
Block a user