Slider Website

Meine Kenntnisse in HTML sind noch schlechter als C :roll_eyes:
Ich möchte bei dem Switch, “Option: EIN/AUS” wenn man zB Ein ausgewählt hat, dass ohne jegliches bestätigen die Werte an Arduino gesendet werden.
Bei dem PWM Slider funktioniert das ja, unten steht eine Beschreibung welcher Link gesendet werden soll.
Ich nutze den modifizierten Sketch von RESTduino
Kann mir jemand zeigen wie das mit dem Switch geht?

<html>
<head>
		<script type="text/javascript" src="jquery-ui-1/js/jquery-1.5.1.min.js"></script>
         <link type="text/css" href="jquery-ui/themes/base/jquery.ui.all.css" rel="stylesheet" />	
		<script type="text/javascript" src="jquery-ui/ui/minified/jquery-ui.min.js"></script>
        <meta charset="utf-8">
        
<div data-role="fieldcontain">
	  <label for="flipswitch2">OPTION:</label>
	  <select name="flipswitch2" id="flipswitch2" data-role="slider">
	    <option value="off">Aus</option>
	    <option value="on">Ein</option>
      </select>
  </div>
        <script>
            $(function() {
              $( "#slider-vertical" ).slider({
                                             orientation: "vertical",
                                             range: "min",
                                             min: 0,
                                             max: 255,
                                             value: 100,
                                             slide: function( event, ui ) {
                                                $( "#amount" ).val( ui.value );
                                             
                                                    //  build a URL using the value from the slider
                                                    var resturl = "http://192.168.178.177/9/" + ui.value;
                                                 
                                                    //  make an AJAX call to the Arduino
                                                    $.get(resturl, function(data) {
                                                          });
                                             }
                                             });

                $( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) );

              });
        </script>
    </head>
    <body>
            
        <p>
            <label for="amount">PWM Value:</label>
            <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
    </p>
        
        <div id="slider-vertical" style="height:200px;"></div>
        
</body>
</html>

To turn on the LED attached to pin #3 (currently case sensitive!):
http://192.168.1.177/3/HIGH
This will set the pin to the HIGH state and the LED should light. Next try this:
http://192.168.1.177/3/100
This will use PWM to illuminate the LED at around 50% brightness (valid PWM values are 0-255).
Now if we connect a switch to pin #2 we can read the digital (on/off) value using this URL:
http://192.168.1.177/2
This returns a tiny chunk of JSON containing the pin requested and its current value:
{“2”:“LOW”}
Analog reads are similar; reading the value of Analog pin #1 looks like this:
http://192.168.1.177/a1
…and return the same JSON formatted result as above:
{“a1”:“432”}

test.html (5.13 KB)

Hallo,

mit Switch meinst du den Select?
Dann einfach das hier nehmen

$("select").on("change",function() {
alert($(this).val());
$.get($(this).val(), function(data) {
                                                          });
});

Allerdings weis ich nicht ob das mit der alten jQuery Version geht.

Wenn ich es falsch verstanden habe sorry :wink: Notfalls mal einfach anschreiben

LG
Marc