Button with link only works once
Hi Folks,
i am new to this, and i am helpless. I designed my website for my RGB-LED Control with query mobile.
It looks nice and works fine. But my buttons only work once. For example:
i push the dim up button, it dims the led up.
i push the dim up button again, nothing happens, there will be no ne http request registered by my controller.
i push any other button, then the dim up button again, and it works again for one click.
It seems so me that a link is only clickable once and then marked as active and not working a second time.
Is there a way to open my link as many times as i want ?
i hope someone understands my problem, due to my bad english and can help me.
Thanks in advance
Here is my code from my website:
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-
- <title>LED-Control 2.0</title>
- <meta name="mobile-web-app-capable" content="yes">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="apple-touch-startup-image" href="http://192.168.2.1/LED/iphone.png">
- <link rel="apple-touch-icon" href="http://192.168.2.1/LED/custom-icon.png">
- <link rel="shortcut icon" href="http://192.168.2.1/LED/custom-icon.png">
- <link rel="stylesheet" href="http://192.168.2.1/jquery/jquery.mobile-1.4.5.min.css">
- <script src="http://192.168.2.1/jquery/jquery-1.11.3.min.js"></script>
- <script src="http://192.168.2.1/jquery/jquery.mobile-1.4.5.min.js"></script>
-
-
-
-
- </head>
- <body>
-
- <div data-role="page" id="seite01">
- <div data-role="header">
- <h1>LED-Control</h1>
- </div><!-- /header -->
- <div data-role="content">
-
- <p> <center> <a href="?red=0&green=0&blue=0&dimv=0" class="ui-btn ui-icon-power ui-btn-inline ui-btn-icon-notext ui-corner-all">No text</a>
- <a href="?red=0&green=0&blue=0&dimv=10" class="ui-btn ui-icon-plus ui-btn-inline ui-btn-icon-notext ui-corner-all">No text</a>
- <a href="?red=0&green=0&blue=0&dimv=-10" class="ui-btn ui-icon-minus ui-btn-inline ui-btn-icon-notext ui-corner-all">No text</a>
-
- </center></p>
- <p> <center>
- <a href="?red=255&green=0&blue=0&dimv=0" data-role="button" class="ui-btn ui-corner-all ui-btn-inline" style="background: red; color: red;"></a>
- <a href="?red=0&green=255&blue=0&dimv=0" data-role="button" class="ui-btn ui-corner-all ui-btn-inline" style="background: GREEN; color: green;"></a>
- <a href="?red=0&green=0&blue=255&dimv=0" data-role="button" class="ui-btn ui-corner-all ui-btn-inline" style="background: blue; color: blue;"></a>
-
-
- </center></p>
- <p> <center>
- <a href="?red=255&green=20&blue=0&dimv=0" data-role="button" class="ui-btn ui-corner-all ui-btn-inline" style="background: rgb(255,150,0); color: red;"></a>
- <a href="?red=0&green=150&blue=255&dimv=0" data-role="button" class="ui-btn ui-corner-all ui-btn-inline" style="background: rgb(0,190,255); color: green;"></a>
- <a href="?red=255&green=255&blue=255&dimv=0" data-role="button" class="ui-btn ui-corner-all ui-btn-inline" style="background: rgb(255,255,255); color: blue;"></a>
-
-
- </center></p>
- <form name="input" action="index.htm" method="get">
-
- <label for="slider-2">RED:</label>
- <input type="range" name="red" id="slider-2" data-highlight="true" min="0" max="255" value="$r" ><br>
- <label for="slider-2">GREEN:</label>
- <input type="range" name="green" id="slider-2" data-highlight="true" min="0" max="255" value="$g"><br>
- <label for="slider-2">BLUE:</label>
- <input type="range" name="blue" id="slider-2" data-highlight="true" min="0" max="255" value="$b" ><br>
- <input type="hidden" name="dimv" value="0">
- <button class="ui-shadow ui-btn ui-corner-all" type="submit" value="SET" id="submit-2">SET</button>
-
- </form>
-
-
- </div><!-- /content -->
- <div data-role="footer">
- <h4>V 2.1</h4>
- </div><!-- /footer -->
- </div><!-- /page -->
-
- <!-- </body> --></body>
- </html>