<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Калибровка параметров коэффициента шаг/мм. Оптимизировано для 3D принтеров управляемых прошивкой Marlin</h2> <ol> <li>Указываем текущие значения коэффициента из текущих настроек, запрос: М503 ( смотрим параметры M92)</li> <li>Осуществляем перемещение (G1 X50 или G1 Y10 или …)</li> <li>Измеряем реальное перемещение и вносим его в таблицу</li> <li>Вносим новые коэффициенты в принтер скопировав команду поля «Калибровка»</li> <li>Проверяем повторяя пункты 2-4</li> <li>Если результаты правильные то сохраняем настройки в EEPROM ( M500 )</li> </ol> <table class="table table-bordered"> <tbody> <tr> <td>Ось</td> <td>Требуемое перемещение</td> <td>Реальное перемещение</td> <td>Коэффициент пройденного пути</td> <td>Текущее число шаг/мм</td> <td>Пересчитанное число шаг/мм</td> </tr> <tr> <td>X</td> <td><input type="text" class="form-control" id="needvalueX" placeholder="100" value="100"></td> <td><input type="text" class="form-control" id="realvalueX" placeholder="50" value="50"></td> <td></td> <td><input type="text" class="form-control" id="currentsflashvalueX" placeholder="64,27" value="64,27"></td> <td></td> </tr> <tr> <td>Y</td> <td><input type="text" class="form-control" id="needvalueY" placeholder="100" value="100"></td> <td><input type="text" class="form-control" id="realvalueY" placeholder="50" value="50"></td> <td></td> <td><input type="text" class="form-control" id="currentsflashvalueY" placeholder="64,27" value="64,27"></td> <td></td> </tr> <tr> <td>Z</td> <td><input type="text" class="form-control" id="needvalueZ" placeholder="100" value="100"></td> <td><input type="text" class="form-control" id="realvalueZ" placeholder="50" value="50"></td> <td></td> <td><input type="text" class="form-control" id="currentsflashvalueZ" placeholder="64,27" value="64,27"></td> <td></td> </tr> <tr> <td>E</td> <td><input type="text" class="form-control" id="needvalueE" placeholder="100" value="100"></td> <td><input type="text" class="form-control" id="realvalueE" placeholder="50" value="50"></td> <td></td> <td><input type="text" class="form-control" id="currentsflashvalueE" placeholder="64,27" value="64,27"></td> <td></td> </tr> </tbody> </table> <h3>Команда калибровки:</h3> <button type="button" id="calcValue" data-loading-text="Рассчет..." class="btn btn-default" autocomplete="off">Рассчитать</button> </div> </div>

$('#calcValue').on('click', function () { var $btn = $(this).button('loading'); // business logic... $btn.button('reset'); });