--
You received this message because you are subscribed to the Google Groups "WebIOPi" group.
To unsubscribe from this group and stop receiving emails from it, send an email to webiopi+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Toshi
Sure I can check it, but what is the "expert app"?
Toshi
Toshi--
Toshi
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>WebIOPi | Light Control</title>
<h1> <center>Hiermit liest man die neuen GPIOs aus</center></H1>
<script type="text/javascript" src="/webiopi.js"></script>
<script type="text/javascript">
webiopi().ready(function() {
var button;
// create a "LED" labeled button for GPIO2
button = webiopi().createGPIOButton(2, "io2");
$("#cell1").append(button); // append button to top middle div
// create a "LED" labeled button for GPIO3
button = webiopi().createGPIOButton(3, "io3");
$("#cell2").append(button); // append button to top left div
// create a "LED" labeled button for GPIO4
button = webiopi().createGPIOButton(4, "io4");
$("#cell3").append(button); // append button to top right div
// create a "LED" labeled button for GPIO17
button = webiopi().createGPIOButton(17, "io17");
$("#cell4").append(button); // append button to top left div
// create a "LED" labeled button for GPIO27
button = webiopi().createGPIOButton(27, "io27");
$("#cell5").append(button); // append button to bottom left div
// create a "LED" labeled button for GPIO22
button = webiopi().createGPIOButton(22, "io22");
$("#cell6").append(button); // append button to bottom middle div
// create a "LED" labeled button for GPIO10
button = webiopi().createGPIOButton(10, "io10");
$("#cell7").append(button); // append button to top middle div
// create a "LED" labeled button for GPIO9
button = webiopi().createGPIOButton(9, "io9");
$("#cell8").append(button); // append button to top left div
// create a "LED" labeled button for GPIO11
button = webiopi().createGPIOButton(11, "io11");
$("#cell9").append(button); // append button to top right div
// create a "LED" labeled button for GPIO5
button = webiopi().createGPIOButton(5, "io5");
$("#cell10").append(button); // append button to top left div
// create a "LED" labeled button for GPIO6
button = webiopi().createGPIOButton(6, "io6");
$("#cell11").append(button); // append button to bottom left div
// create a "LED" labeled button for GPIO13
button = webiopi().createGPIOButton(13, "io13");
$("#cell12").append(button); // append button to bottom middle div
// create a "LED" labeled button for GPIO19
button = webiopi().createGPIOButton(19, "io19");
$("#cell13").append(button); // append button to bottom left div
// create a "LED" labeled button for GPIO26
button = webiopi().createGPIOButton(26, "io26");
$("#cell14").append(button); // append button to bottom middle div
// und jetzt rechts
// create a "LED" labeled button for GPIO18
button = webiopi().createGPIOButton(18, "io18");
$("#cell15").append(button); // append button to bottom middle div
// create a "LED" labeled button for GPIO23
button = webiopi().createGPIOButton(23, "io23");
$("#cell16").append(button); // append button to bottom middle div
// create a "LED" labeled button for GPIO24
button = webiopi().createGPIOButton(24, "io24");
$("#cell17").append(button); // append button to bottom left div
// create a "LED" labeled button for GPIO25
button = webiopi().createGPIOButton(25, "io25");
$("#cell18").append(button); // append button to bottom middle div
// create a "LED" labeled button for GPIO8
button = webiopi().createGPIOButton(8, "io8");
$("#cell19").append(button); // append button to bottom left div
// create a "LED" labeled button for GPIO7
button = webiopi().createGPIOButton(7, "io7");
$("#cell20").append(button); // append button to bottom middle div
// Refresh GPIO buttons
// pass true to refresh repeatedly of false to refresh once
webiopi().refreshGPIO(true);
});
</script>
<style type="text/css">
button {
display: block;
margin: 5px 5px 5px 5px;
width: 200px;
height: 45px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
font-size: 24pt;
font-weight: bold;
color: white;
}
#gpio2.LOW {
background-color: Orange;
color:black;
}
#gpio2.HIGH {
background-color: Purple;
color:white;
}
#gpio3.LOW {
background-color: Orange;
color:black;
}
#gpio3.HIGH {
background-color: Purple;
color: white;
}
#gpio4.LOW {
background-color: Orange;
color:white;
}
#gpio4.HIGH {
background-color: Purple;
color:white;
}
#gpio17.LOW {
background-color: Orange;
color:white;
}
#gpio17.HIGH {
background-color: Purple;
color:white;
}
#gpio27.LOW {
background-color: Orange;
color:white;
}
#gpio27.HIGH {
background-color: Purple;
color:white;
}
#gpio22.LOW {
background-color: Orange;
color:white;
}
#gpio22.HIGH {
background-color: Purple;
color:white;
}
#gpio10.LOW {
background-color: Orange;
color:white;
}
#gpio10.HIGH {
background-color: Purple;
color:white;
}
#gpio9.LOW {
background-color: Orange;
color:white;
}
#gpio9.HIGH {
background-color: Purple;
color:white;
}
#gpio11.LOW {
background-color: Orange;
color:white;
}
#gpio11.HIGH {
background-color: Purple;
color:white;
}
#gpio5.LOW {
background-color: Orange;
color:white;
}
#gpio5.HIGH {
background-color: Purple;
color:white;
}
#gpio6.LOW {
background-color: Orange;
color:white;
}
#gpio6.HIGH {
background-color: Purple;
color:white;
}
#gpio13.LOW {
background-color: Orange;
color:white;
}
#gpio13.HIGH {
background-color: Purple;
color:white;
}
#gpio19.LOW {
background-color: Orange;
color:white;
}
#gpio19.HIGH {
background-color: Purple;
color:white;
}
#gpio26.LOW {
background-color: Orange;
color:white;
}
#gpio26.HIGH {
background-color: Purple;
color:white;
}
#gpio18.LOW {
background-color: Orange;
color:white;
}
#gpio18.HIGH {
background-color: Purple;
color:white;
}
#gpio23.LOW {
background-color: Orange;
color:white;
}
#gpio23.HIGH {
background-color: Purple;
color:white;
}
#gpio24.LOW {
background-color: Orange;
color:white;
}
#gpio24.HIGH {
background-color: Purple;
color:white;
}
#gpio25.LOW {
background-color: Orange;
color:white;
}
#gpio25.HIGH {
background-color: Purple;
color:white;
}
#gpio8.LOW {
background-color: Orange;
color:white;
}
#gpio8.HIGH {
background-color: Purple;
color:white;
}
#gpio7.LOW {
background-color: Orange;
color:white;
}
#gpio7.HIGH {
background-color: Purple;
color:white;
}
.label {
width: 50px;
font-size: 16pt;
font-weight: bold;
text-align: center;
}
</style>
</head>
<body>
<table border="5" cellpadding="1" cellspacing="2" style="background-color:White">
<tr>
<td><div class="label">IO-2</div></td>
<td><div id="cell1" ></div></td>
<td><div class="label">IO-3</div></td>
<td><div id="cell2" ></div></td>
<td><div class="label">IO-4</div></td>
<td><div id="cell3"></div></td>
</tr>
</table>
<table border="5" cellpadding="1" cellspacing="2" style="background-color:White">
<tr>
<td><div class="label">IO-17</div></td>
<td><div id="cell4" ></div></td>
<td><div class="label">IO-27</div></td>
<td><div id="cell5" ></div></td>
<td><div class="label">IO-22</div></td>
<td><div id="cell6"></div></td>
</tr>
</table>
<table border="5" cellpadding="1" cellspacing="2" style="background-color:White">
<tr>
<td><div class="label">IO-10</div></td>
<td><div id="cell7" ></div></td>
<td><div class="label">IO-9</div></td>
<td><div id="cell8" ></div></td>
<td><div class="label">IO-11</div></td>
<td><div id="cell9"></div></td>
</tr>
</table>
<table border="5" cellpadding="1" cellspacing="2" style="background-color:White">
<tr>
<td><div class="label">IO-5</div></td>
<td><div id="cell10" ></div></td>
<td><div class="label">IO-6</div></td>
<td><div id="cell11" ></div></td>
<td><div class="label">IO-13</div></td>
<td><div id="cell12"></div></td>
</tr>
</table>
<table border="5" cellpadding="1" cellspacing="2" style="background-color:White">
<tr>
<td><div class="label">IO-19</div></td>
<td><div id="cell13" ></div></td>
<td><div class="label">IO-26</div></td>
<td><div id="cell14" ></div></td>
<td><div class="label">IO-18</div></td>
<td><div id="cell15" ></div></td>
</tr>
</table>
<table border="5" cellpadding="1" cellspacing="2" style="background-color:White">
<tr>
<td><div class="label">IO-23</div></td>
<td><div id="cell16" ></div></td>
<td><div class="label">IO-24</div></td>
<td><div id="cell17" ></div></td>
<td><div class="label">IO-25</div></td>
<td><div id="cell18" ></div></td>
</tr>
</table>
<table border="5" cellpadding="1" cellspacing="2" style="background-color:White">
<tr>
<td><div class="label">IO-7</div></td>
<td><div id="cell19" ></div></td>
<td><div class="label">IO-8</div></td>
<td><div id="cell20" ></div></td>
</tr>
</table>
</body>
</html>
Code hier eingeben...