Bonjour,
J'ai créé une page pour régler un système de chauffage à distance.

J'ai mis des inputs de type number pour régler les valeurs. Et grâce à Jquery, je veux envoyé la valeur au serveur. Pour commencer, j'ai juste fait un programme pour que lorque le input perd le focus, alors il ouvre une fenetre (alert) avec marqué TEST.

Le problème, c'est que rien que ça, ça ne marche pas :/

Voilà mon code:

<html>
    <head>

    </head>

    <style>
        input[type=number]{
            width: 350;
            height: 40;
            font-size: 30;
        }

    </style>

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

    <script>

        $("#tmp_panneau_sol").blur(function() {
            alert('TEST');
        });

        setTimeout(charge_valeur(),1000);

        function charge_valeur(){
            $.get("/cmdREAD/tmp_panneau_sol", function(data){
                document.getElementById('tmp_panneau_sol').value = data;
            });
            $.get("/cmdREAD/tmp_bouilleur", function(data){
                document.getElementById('tmp_bouilleur').value = data;
            });
            $.get("/cmdREAD/tmp_confort_piece_1", function(data){
                document.getElementById('tmp_confort_piece_1').value = data;
            });
            $.get("/cmdREAD/tmp_service_piece_1", function(data){
                document.getElementById('tmp_service_piece_1').value = data;
            });
            $.get("/cmdREAD/tmp_confort_piece_2", function(data){
                document.getElementById('tmp_confort_piece_2').value = data;
            });
            $.get("/cmdREAD/tmp_service_piece_2", function(data){
                document.getElementById('tmp_service_piece_2').value = data;
            });
            $.get("/cmdREAD/tmp_max_cuve", function(data){
                document.getElementById('tmp_max_cuve').value = data;
            });
            $.get("/cmdREAD/tmp_min_cuve", function(data){
                document.getElementById('tmp_min_cuve').value = data;
            });
            $.get("/cmdREAD/delta", function(data){
                document.getElementById('delta').value = data;
            });

        }

    </script>

    <body>
        <b>Temperature activation circuit panneau solaire:</b><br>
        <input id='tmp_panneau_sol' type=number value=0><p></p>
        <b>Temperature activation circuit bouilleur:</b><br>
        <input type=number id='tmp_bouilleur' value=0><p>
        <hr width=350 align=left>
        <p><br><b>Temperature de confort piece 1:</b><br>
        <input type=number id=tmp_confort_piece_1 value=0><p>
        <b>Temperature de service piece 1:</b><br>
        <input type=number id=tmp_service_piece_1 value=0><p>
        <hr width=350 align=left>
        <p><br><b>Temperature de confort piece 2:</b><br>
        <input type=number id=tmp_confort_piece_2 value=0><p>
        <b>Temperature de service piece 2:</b><br>
        <input type=number id=tmp_service_piece_2 value=0><p>
        <hr width=350 align=left>
        <p><br><b>Temperature maximum de la cuve:</b><br>
        <input type=number id=tmp_max_cuve value=0><p>
        <b>Temperature minimum de la cuve:</b><br>
        <input type=number id=tmp_min_cuve value=0><p>
        <hr width=350 align=left>
        <p><br><b>Delta:</b><br>
        <input type=number id=delta value=0>
    </body>
</html>

Merci d'avance pour votre aide :)

3 réponses


Il sert à quoi ton "setTimeout"..?

Juste à appeler la fonction au debut

Ok, c'est bien ce qu'il me semblait... Tu dois pas être au courant qu'y'a des évènements déclenchés au chargement de la page..!

https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded