Skip to content

Instantly share code, notes, and snippets.

@eroberer

eroberer/motor_control.html

Created June 1, 2018 22:27
Show Gist options
  • Save eroberer/d141cdb72d8dcf8dac6fb1eb4d74f7be to your computer and use it in GitHub Desktop.
Save eroberer/d141cdb72d8dcf8dac6fb1eb4d74f7be to your computer and use it in GitHub Desktop.
Download ZIP
Raw
motor_control.html
<html>
<head>
<title>Robot Kumanda</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<style>
.btn {
width:100px;
}
.row {
padding:15px;
}
</style>
</head>
<body>
<div class="container" style="max-width:600px">
<div class="row h1">Robot Kumanda Sayfası</div>
<div class="row">
<div class="col-md-4 h4">Dikey Haraket</div>
<div class="col-md-8">
<button type="button" data-motor="1" class="btn btn-success btn-lg">Yukarı</button>
<button type="button" data-motor="2" class="btn btn-danger btn-lg">Aşağı</button>
</div>
</div>
<div class="row">
<div class="col-md-4 h4">Yatay Haraket</div>
<div class="col-md-8">
<button type="button" data-motor="3" class="btn btn-success btn-lg">İleri</button>
<button type="button" data-motor="4" class="btn btn-danger btn-lg">Geri</button>
</div>
</div>
<div class="row">
<div class="col-md-4 h4">Gripper</div>
<div class="col-md-8">
<button type="button" data-motor="5" class="btn btn-success btn-lg">Aç</button>
<button type="button" data-motor="6" class="btn btn-danger btn-lg">Kapat</button>
</div>
</div>
</div>
<script>
var host = "http://192.168.1.115";
$( "button" ).click(function() {
$.get( host + "?motor=" + $(this).data("motor"), function(){});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment