1<!DOCTYPE html>
 2<html lang="en">
 3  <head>
 4    <meta charset="utf-8">
 5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6    <meta name="viewport" content="width=device-width, initial-scale=1">
 7    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 8    <title>gpio raspberrypi html</title>
 9
10    <!-- Bootstrap -->
11    <link href="css/bootstrap.min.css" rel="stylesheet">
12
13    <link href="own.css" rel="stylesheet">
14
15
16
17    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
18    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
19    <!--[if lt IE 9]>
20      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
21      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
22    <![endif]-->
23  </head>
24  <body onload='OnLoadIndex()'>
25
26      <div class='container'>
27
28
29        <div class="panel panel-default">
30          <div class="panel-heading"><span class="glyphicon glyphicon-transfer"></span> GPIO raspberry control</div>
31          <div class="panel-body">
32
33            <select id="pinselected">
34              <option>1</option>
35              <option>2</option>
36              <option>3</option>
37              <option>4</option>
38              <option>5</option>
39              <option>6</option>
40              <option>7</option>
41              <option>8</option>
42              <option>9</option>
43              <option>10</option>
44              <option>11</option>
45              <option>12</option>
46              <option>13</option>
47              <option>14</option>
48              <option>15</option>
49              <option>16</option>
50            </select>
51              <div onclick='pinON()' class='btn btn-success'>
52                  <span class="glyphicon glyphicon-ok"></span> encèn pin
53              </div>
54              <div onclick='pinOFF()' class='btn btn-danger'>
55                  <span class="glyphicon glyphicon-remove"></span> apaga pin
56              </div>
57
58              <div id='divlistPinsON' class="alert alert-info">
59              </div>
60          </div>
61        </div>
62
63      </div>
64
65
66    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
67    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
68    <!-- Include all compiled plugins (below), or include individual files as needed -->
69    <script src="js/bootstrap.min.js"></script>
70  </body>
71  <script src="/socket.io/socket.io.js"></script>
72
73  <script src='comunication.js'></script>
74
75
76  <script src="libraries/toastr.js"></script>
77  <link href="libraries/toastr.css" rel="stylesheet">
78
79
80
81  <script src="index.js"></script>
82
83</html>