Français

Dernière Mise à Jour Carte Leadmap
Avec Maps ServiceCarte effacée

......carte réparée...

......immédiatement

......et gratuitement ! (Copie)

Cartes Téléchargées...cartes utilisables

......immédiatement.

Gps obsolète ? cartes dispo. !
Où trouver des cartesTopo France Navicom

......pour mon Gps Magellan ?

Le téléchargement...ma carte quand je veux !

Voir toutes les dépêches
pixel_trans
pixel_trans



Référence

jauge










Le prix mentionné inclut l'éco participation pour articles hors téléchargement




 

Description

Notes et avis

 

<!doctype html>
<html>
    <head>
        <title>MaBlueCar</title>
        <style>
            body {text-align:center; font-family:sans; }
            h1 {color:navy;}
            #gauge {margin:0 auto;text-align:center;width:200px; height:200px;background-color:green; border-radius:50%; }
            #gaugeval {display:block;padding-top:50px;font-size:70px;color:white; }
            button {margin-top:50px;}
        </style>
        <script>
            window.setInterval(() => {
                fetch('/carState.json')
                .then(response => response.json())
                .then(data => {
                    document.getElementById('gaugeval').innerHTML = ''+data.gauge+'%';
                    g = document.getElementById('gauge');
                    if(data.gauge < 30){ g.style.backgroundColor='red';}
                    else if(data.gauge < 60){ g.style.backgroundColor='orange';}
                    else { g.style.backgroundColor='green'; }
                    document.getElementById('charging').innerHTML = data.charging ? '&#x1F50C;En charge':'&#x26A1;Consommation';
                });
            }, 2000);
        </script>
    </head>
    <body>
        <h1>MaBlueCar</h1>
        <h2>Jauge:</h2>
        <div id="gauge"><span id="gaugeval">63%</span></div>
        <h2>Etat:</h2>
        <div id="charging">&#x1F50C;En Charge</div>
        <button>Alarmes</button>
    </body>
</html>

 

 
 
 
 
 
Articles consultés

 




chqkdo
bouton-recommander-ami
Mon Panier
Aucun article
TOP des ventes