Jump to content

Ajout d'une nouvelle page (formulaire en html & javascript)


Recommended Posts

Bonjour,

 

J'aimerai ajouter une nouvelle page sur mon site contenant un formulaire en html (calculatrice énergétique) et en javascript. Quand j'insère mon html il me met le message d'erreur suivant:

 

le champ description (Français (French)) est invalide

 

Voiçi mon html:

 

<!DOCTYPE html>
<html>
<head>
    <link type="text/css" href="css/css-calculette-energetique.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="js/calculette-energitique.js"></script>
    <title>Calculette Energétique</title>
</head>
<body>
    <div class="container">
        <form>
            <table id="table-calculette">
                <tbody>
                    <tr>
                        <th class="center bold"></th>
                        <th class="center bold" style="min-width:240px;">Lampe à Incandescence</th>
                        <th class="center bold">Lampe LED</th>
                    </tr>

                    <tr class="tr-bg">
                        <td>Puissance des lampes</td>
                        <td>
                            <select class="form-control" id="puissanceIncandescence"></select>
                        </td>
                        <td>
                            <select class="form-control" id="puissanceLed"></select>
                        </td>
                    </tr>

                    <tr>
                        <td>Prix d`achat des lampes</td>
                        <td>
                            <select class="form-control" id="prixIncandescence">
                                <option value="1">1 €</option>
                                <option value="4">4 €</option>
                                <option value="20">20 €</option>
                                <option value="100">100 €</option>
                                <option value="150">150 €</option>
                            </select>
                        </td>
                        <td class="center"><input class="form-input" id="prixLed" type="text" value="0" /><span id="floatEuro"> €</span></td>
                    </tr>

                    <tr class="tr-bg">
                        <td>
                            Durée de vie des lampes, en heure<br /><br />
                            - Incandescence 2 000 heures<br />
                            - Economie d`énergie 10 000 heures
                        </td>
                        <td>
                            <select class="form-control" id="dureeIncandescenceEconomique">
                                <option value="2000">Incandescence</option>
                                <option value="10000">Economie d`énergie</option>
                            </select>
                        </td>
                        <td class="center text-disable">50 000 H</td>
                    </tr>

                    <tr>
                        <td>Heures d'utilisation des lampes par jour</td>
                        <td>
                            <select class="form-control" id="nbrHeuresUtilisationIncandescence"></select>
                        </td>
                        <td class="center text-disable">
                            <span id="nbrHeuresUtilisationLed" disabled>0</span> H
                        </td>
                    </tr>

                    <tr class="tr-bg">
                        <td>Nombre de lampes</td>
                        <td>
                            <select class="form-control" id="nbrLampeIncandescenceEconomique"></select>
                        </td>
                        <td class="center text-disable">
                            <span id="nbrLampeLed">0</span>
                        </td>
                    </tr>

                    <tr>
                        <td>Prix du KWh</td>
                        <td class="center text-disable">
                            <select class="form-control" id="prixKWh"></select>
                        </td>
                        <td class="center text-disable"><span class="prixKWh">0.19</span> €</td>
                    </tr>

                    <tr class="tr-bg">
                        <td>Durée de vie de lampe en années</td>
                        <td class="center">
                            <span id="dureeVieIncandescence">0 an(s)</span>
                            <input type="hidden" id="dureeVieIncandescenceHidden" value="0" />
                        </td>
                        <td class="center td-bg">
                            <span id="dureeVieLed" class="bold">0 an(s)</span>
                            <input type="hidden" id="dureeVieLedHidden" value="0" />
                        </td>
                    </tr>

                    <tr>
                        <td>Coût d'achat de lampes par an</td>
                        <td class="center"><span id="coutLampeIncandescenceAn">0</span> €</td>
                        <td class="center td-bg bold"><span id="coutLampeLedAn" class="bold">0</span> €</td>
                    </tr>

                    <tr class="tr-bg">
                        <td>Coût en électricité par an</td>
                        <td class="center"><span id="coutElectriciteAnIncandescence">0</span> €</td>
                        <td class="center td-bg bold"><span id="coutElectriciteLed" class="bold">0</span> €</td>
                    </tr>

                    <tr>
                        <td class="bold">Economie par an avec des lampes LED</td>
                        <td></td>
                        <td class="center td-bg bold"><span id="economieParAnLed" class="bold">0</span> €</td>
                    </tr>

                    <tr class="tr-bg">
                        <td class="bold">Economies sur la durée de vie des lampes LED</td>
                        <td></td>
                        <td class="center td-final-bg bold"><span id="economieDureeVieLed" class="bold">0</span> €</td>
                    </tr>

                    <tr class="tr-bg">
                        <td class="bold">Retour sur investissement dans</td>
                        <td></td>
                        <td class="center td-final-bg bold"><span id="d" class="bold">0</span></td>
                    </tr>
                </tbody>
            </table>
        </form>
        <br />
        <p class="white">
            Toutes les économies d'énergie sont établies sur la base de la durée de vie de 50 000 heures d'une ampoule LED,
            et du coût en énergie (en kWh). Le délai de retour sur investissement est calculé sur la base du coût d'une ampoule led.
            Ce calculateur énergétique est présent à titre informatif.
        </p>
    </div>
</body>
</html>

index.html

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...