編集履歴

質問編集履歴

修正しました

2016/08/09 00:45

投稿

goo___

スコア15

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -220,28 +220,26 @@
-        ```17番ピンがlowのとき黒色
+        ```17番ピンがlowのとき黒色、HIGHのとき青色
         #gpio17.LOW {
             background-color: Black;}
-       ```17番ピンがHIGHのとき青色
         #gpio17.HIGH {
             background-color: Blue;}
        ```
-        ```18番ピンがlowのとき黒色
+        ```18番ピンがlowのとき黒色、HIGHのとき青色
         #gpio18.LOW {
             background-color: Black;}
-        ```18番ピンがHIGHのとき青色
         #gpio18.HIGH {
             background-color: Blue;}
@@ -250,14 +248,12 @@
-        ```27番ピンがlowのとき黒色
+        ```27番ピンがlowのとき黒色、HIGHのとき青色
         #gpio27.LOW {
             background-color: Black;}
-        ```27番ピンがHIGHのとき青色
         #gpio27.HIGH {
             background-color: Blue;}
@@ -266,14 +262,12 @@
-        ```22番ピンがlowのとき黒色
+        ```22番ピンがlowのとき黒色、HIGHのとき青色
         #gpio22.LOW {
             background-color: Black;}
-        ```22番ピンがHIGHのとき青色
         #gpio22.HIGH {
             background-color: Blue;}

変更ミスがあったため修正しました。

2016/08/09 00:45

投稿

goo___

スコア15

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -232,6 +232,8 @@
             background-color: Blue;}
+       ```
         ```18番ピンがlowのとき黒色
         #gpio18.LOW {
@@ -244,6 +246,10 @@
             background-color: Blue;}
+        ```
         ```27番ピンがlowのとき黒色
         #gpio27.LOW {
@@ -256,6 +262,10 @@
             background-color: Blue;}
+        ```
         ```22番ピンがlowのとき黒色
         #gpio22.LOW {
@@ -268,6 +278,8 @@
             background-color: Blue;}
+        ```
     </style>

ボタンに変化が起きないのは各セレクタの表記ミスが原因なのでしょうか。

2016/08/09 00:43

投稿

goo___

スコア15

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -144,6 +144,8 @@
         }
+```
 ```ボタン2の各セレクタ
@@ -166,6 +168,8 @@
         }
+```
 ```ボタン3の各セレクタ
@@ -188,6 +192,8 @@
         }
+```
 ```ボタン4の各セレクタ
@@ -210,6 +216,8 @@
         }
+```
         ```17番ピンがlowのとき黒色
@@ -224,37 +232,37 @@
             background-color: Blue;}
-```以下同様
+        ```18番ピンがlowのとき黒色
         #gpio18.LOW {
             background-color: Black;}
+        ```18番ピンがHIGHのとき青色
         #gpio18.HIGH {
             background-color: Blue;}
+        ```27番ピンがlowのとき黒色
         #gpio27.LOW {
             background-color: Black;}
+        ```27番ピンがHIGHのとき青色
         #gpio27.HIGH {
             background-color: Blue;}
+        ```22番ピンがlowのとき黒色
         #gpio22.LOW {
             background-color: Black;}
+        ```22番ピンがHIGHのとき青色
         #gpio22.HIGH {

各セレクタに括弧とLOWとHIGHの時の閉じ括弧をつけました。コードブロックをしてみましたが間違っていたらすみません。現在はLOW、HIGH時のボタンの変化は起こるようになりました。

2016/08/09 00:41

投稿

goo___

スコア15

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -64,22 +64,36 @@
     webiopi().ready(function() {
+```ボタン内に表示している内容
         // Create a "R1" labeled button for GPIO 17
         var button1 = webiopi().createGPIOButton(17, "前");
         // Create a "R1" labeled button for GPIO 18
         var button2 = webiopi().createGPIOButton(18, "後");
         // Create a "R1" labeled button for GPIO 27
         var button3 = webiopi().createGPIOButton(27, "右");
         // Create a "R1" labeled button for GPIO 22
         var button4 = webiopi().createGPIOButton(22, "左");
+```
   // Append button to HTML element with ID="controls" using jQuery
@@ -110,129 +124,141 @@
 <style type="text/css">
+```ボタン1の各セレクタ
         button1 {
-            display: block;
+            {display: block;}
-            margin: 5px 5px 5px 5px;
+            {margin: 5px 5px 5px 5px;}
-            width: 100px;
+            {width: 100px;}
-            height: 30px;
+            {height: 30px;}
-            font-size: 100px;
+            {font-size: 100pt;}
-            font-weight: bold;
+            {font-weight: bold;}
-            color: #ff0000;
+            {color: #red;}
-        }
+        }
+```ボタン2の各セレクタ
        button2 {
-            display: block;
+            {display: block;}
-            margin: 5px 5px 5px 5px;
+            {margin: 5px 5px 5px 5px;}
-            width: 260px;
+            {width: 260px;}
-            height: 145px;
+            {height: 145px;}
-            font-size: 24pt;
+            {font-size: 24pt;}
-            font-weight: bold;
+            {font-weight: bold;}
-            color: white;
+            {color: #green;}
-        }
+        }
+```ボタン3の各セレクタ
         button3 {
-            display: block;
+            {display: block;}
-            margin: 5px 5px 5px 5px;
+            {margin: 5px 5px 5px 5px;}
-            width: 260px;
+            {width: 260px;}
-            height: 145px;
+            {height: 145px;}
-            font-size: 24pt;
+            {font-size: 24pt;}
-            font-weight: bold;
+            {font-weight: bold;}
-            color: white;
+            {color: #blue;}
-        }
+        }
+```ボタン4の各セレクタ
         button4 {
-            display: block;
+            {display: block;}
-            margin: 5px 5px 5px 5px;
+            {margin: 5px 5px 5px 5px;}
-            width: 260px;
+            {width: 260px;}
-           height: 145px;
+            {height: 145px;}
-            font-size: 24pt;
+            {font-size: 24pt;}
-            font-weight: bold;
+            {font-weight: bold;}
-            color: white;
+            {color: #black;}
-        }
+        }
+        ```17番ピンがlowのとき黒色
         #gpio17.LOW {
-            background-color: Black;
+            background-color: Black;}
+       ```17番ピンがHIGHのとき青色
         #gpio17.HIGH {
-            background-color: Blue;
+            background-color: Blue;}
+```以下同様
         #gpio18.LOW {
-            background-color: Black;
+            background-color: Black;}
         #gpio18.HIGH {
-            background-color: Blue;
+            background-color: Blue;}
         #gpio27.LOW {
-            background-color: Black;
+            background-color: Black;}
         #gpio27.HIGH {
-            background-color: Blue;
+            background-color: Blue;}
         #gpio22.LOW {
-            background-color: Black;
+            background-color: Black;}
         #gpio22.HIGH {
-            background-color: Blue;
+            background-color: Blue;}