Показать сообщение отдельно
  #22 (permalink)  
Старый 11.10.2014, 16:09
Интересующийся
Отправить личное сообщение для MaksLuk Посмотреть профиль Найти все сообщения от MaksLuk
 
Регистрация: 08.10.2014
Сообщений: 28

Зациклился, так как значение ползунка 10,20,30,40....90.
Пишу код Notepad++ и потом копирую в Arduino IDE(Программа,которая компилирует весь код и сразу заливает в микроконтроллер)
Да,уж очень много время ушло.....так главное в интернете куча примеров управления сервоприводами и все бля управляются только с кнопки или кнопка-ссылка.Это конечно тоже хорошо, но дожать ползунок уже нет сил А можно реализовать это все дело с помощью jquery?
Вот нашел пример,но здесь снова управление с помощью кнопок. Реально ли втулить сюда ползунок?

<!DOCTYPE html>
<html>
    <head>
        <title>Механизированная камера</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <style type="text/css">

            div {
                text-align: center;
                padding: 0px;
                margin: 0px;
            }
            
            #controls {
                width: 100px;
                float: left;
            }
            
            #video {
                float: left;
                width: 640px;
                height: 480px;
            }
            
            #video iframe {
                border: 1px solid red;
                width: 100%;
                height: 100%;
                padding: 0px;
                margin: 0px;
            }

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

            /**
             * Отправляет команду на сервер.
             * Временно блокирует все кнопки.
             */
            function doCommand(unit, action) {
                var buttons = $(':button');
                buttons.attr('disabled', true);
                $.post('/' + unit + '/' + action + '/', function() {
                    buttons.attr('disabled', false);
                });
            }

            /**
             * Слушаем клики по кнопкам.
             */
            $(document).ready(function() {
                $(':button').click(function() {
                    var id = $(this).attr('id');
                    var parts = id.split('_');
                    doCommand(parts[0], parts[1]);
                });
            });

        </script>
        <div id="controls">
            <div>
                <input id="motor_up1" type="button" value="&uarr;">
            </div>
            <div>
                <input id="motor_left" type="button" value="&larr;">
                <input id="motor_right" type="button" value="&rarr;">
            </div>
            <div>
                <input id="motor_down" type="button" value="&darr;">
            </div>
            <div>
                <input id="light_on" type="button" value="&#10034">
                <input id="light_off" type="button" value="&#10033">
            </div>
        </div>
        <div id="video">
            <!-- Сюда можно вставить поток с камеры -->
            <iframe src="">
        </div>
    </body>
</html>
Ответить с цитированием