via url waarde naar domotica sturen

zaterdag 31 december 2016 19:46

Acties:

HomePlayer

Topicstarter

Hoe kan ik van af mijn web-server een url naar mijn domotica sturen?

hier kan ik de kleur bepalen, dan krijg ik het volgende, zolang ik mouse down heb

na mouse release krijg ik dit reeds voor elkaar,

Ik wil bv http://192.168.1.13/cgi-bin/mc?t=5&m=6&w=90 sturen

Je ziet in de 3 input boxen de url's staan.
deze zou ik graag verstuurd hebben.

HTML:

<html>
<head>
    <title>RGB</title>
    <script type="text/javascript"                   src="js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript"                   src="js/jquery.wheelcolorpicker.js"></script>
    <link type=  "text/css"        rel="stylesheet" href="css/wheelcolorpicker.css" />
<body>
    <input type="text"  data-wheelcolorpicker 
                        data-wcp-layout="block"  
                        data-wcp-sliders="wv" 
                        id="kl"
    >
    <br>
        <input type="text" readonly id="rn" size="40">
    <br>
        <input type="text" readonly id="gn" size="40">
    <br>
        <input type="text" readonly id="bn" size="40">
    <br>    
        <input type="text" readonly="" id="event-input"/>
    <br>
        
        <script type="text/javascript">
        
$(function() {
        $('#kl').on('sliderup', function() {
            $('#event-input').val('Released');
        });     
        $('#kl').on('sliderdown', function() {
            $('#event-input').val('down');
        });
        $('#kl').on('slidermove', function() {
            $('#rn').val($(this).wheelColorPicker('getValue', 'r'));
        });
        $('#kl').on('slidermove', function() {
            $('#gn').val($(this).wheelColorPicker('getValue', 'g'));
        });
        $('#kl').on('slidermove', function() {
            $('#bn').val($(this).wheelColorPicker('getValue', 'b'));
        });
});
        </script>

</body>
</html>

op line 32 tot 39 word via een functie de url gemaakt, deze 3 wil ik graag (posten) in de achter grond laden.
er komt vanuit de ISYGLT IP-master geen respons of zo, als het werkt veranderd de kleur van de ledstrip.

deze frankenstijl coder heeft geen idee hoe dit te doen.

in ieder geval allen een fijne jaarwisseling en een voorspoedig 2017

zaterdag 31 december 2016 19:51

Acties:

EddoH

Backpfeifengesicht

https://www.gnu.org/software/wget/manual/wget.html

Succes!

zaterdag 31 december 2016 19:55

Acties:

HomePlayer

Topicstarter

hmmmm, wget gebruiken in html/javascript?

zaterdag 31 december 2016 19:58

Acties:

Gonadan

Admin Beeld & Geluid, Harde Waren

In HTML/JS iets op de server laten versturen? Dan moet je al serveert side JS gaan draaien.

Look for the signal in your life, not the noise.

Canon R6 | 50 f/1.8 STM | 430EX II
Sigma 85 f/1.4 Art | 100-400 Contemporary
Zeiss Distagon 21 f/2.8

zaterdag 31 december 2016 20:03

Acties:

HomePlayer

Topicstarter

Gonadan schreef op zaterdag 31 december 2016 @ 19:58:
In HTML/JS iets op de server laten versturen? Dan moet je al serveert side JS gaan draaien.

moet toch simpel zijn,

HTML:

<frameset cols="16%,16%,16%,16%,16%,*">
<frame src="http://192.168.1.13/cgi-bin/mp?p=0" name="b" scrolling="no" marginwidth="0" marginheight="0" noresize>
<frame src="http://192.168.1.13/cgi-bin/mp?p=1" name="c" scrolling="no" marginwidth="0" marginheight="0" noresize>
<frame src="http://192.168.1.13/cgi-bin/mp?p=2" name="d" scrolling="no" marginwidth="0" marginheight="0" noresize>
<frame src="http://192.168.1.13/cgi-bin/mp?p=3" name="e" id="e" scrolling="no" marginwidth="0" marginheight="0" noresize>
<frame src="" name="f" id="f" scrolling="no" marginwidth="0" marginheight="0" noresize>
<frame src="" name="g" id="g" scrolling="no" marginwidth="0" marginheight="0" noresize>
</frameset>

nu las ik ergens dat met html5 framset vervalt, maar frame reload met nieuwe url of iets.
ik zie even door al het googlen en proberen de bomen door het bos niet meer

zaterdag 31 december 2016 20:18

Acties:

Gonadan

Admin Beeld & Geluid, Harde Waren

Frames worden gewoon in de client uitgevoerd. Dat werkt dus alleen vanaf je lokale thuisnetwerk.

Als het je gaat om asynchrone calls naar je domotica vanaf de client zelf dan kan je naar AJAX kijken. Of websocket als je graag HTML5 wilt.

Wil je het echt vanaf je server doen dan hebben we iets meer informatie over je webserver nodig.

Look for the signal in your life, not the noise.

Canon R6 | 50 f/1.8 STM | 430EX II
Sigma 85 f/1.4 Art | 100-400 Contemporary
Zeiss Distagon 21 f/2.8

zondag 1 januari 2017 17:32

Acties:

HomePlayer

Topicstarter

Niet mooi, maar als proef of concept.

HTML:

<html>
<head>
    <title>RGB</title>
    <script type="text/javascript"                   src="js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript"                   src="js/jquery.wheelcolorpicker.js"></script>
    <link type=  "text/css"        rel="stylesheet" href="css/wheelcolorpicker.css" />
<body>
    <input type="text"  data-wheelcolorpicker 
                        data-wcp-layout="block"  
                        data-wcp-sliders="wv" 
                        id="kl"
    >
    <br>
        <input type="text" readonly id="rn" size="40">
    <br>
        <input type="text" readonly id="gn" size="40">
    <br>
        <input type="text" readonly id="bn" size="40">
    <br>    
        <input type="text" readonly="" id="event-input"/>
    <br>
    
        <script type="text/javascript">
        
      
$(function() {
        $('#kl').on('sliderup', function() {
            $('#event-input').val('Released');

                var a = document.createElement("IFRAME" );
                    a.setAttribute("src", "http://192.168.1.13/cgi-bin/mc?t=1&m=9&b=1");
                        document.body.appendChild(a);   
                var x = document.createElement("IFRAME");
                    x.setAttribute("src", (document.getElementById("rn").value));
                        document.body.appendChild(x);   
                var y = document.createElement("IFRAME");
                    y.setAttribute("src", (document.getElementById("gn").value));
                        document.body.appendChild(y);
                var z = document.createElement("IFRAME");
                    z.setAttribute("src", (document.getElementById("bn").value));
                        document.body.appendChild(z);
        });     
        $('#kl').on('sliderdown', function() {
            $('#event-input').val('down');
            
        });
        $('#kl').on('slidermove', function() {
            $('#rn').val($(this).wheelColorPicker('getValue', 'r'));
        });
        $('#kl').on('slidermove', function() {
            $('#gn').val($(this).wheelColorPicker('getValue', 'g'));
        });
        $('#kl').on('slidermove', function() {
            $('#bn').val($(this).wheelColorPicker('getValue', 'b'));
        });
});
        </script>

</body>
</html>

Voor het kleurenwiel gebruik ik wheelcolorpicker

bovenstaande werkt,
Nadat je het wiel loslaat, worden er 4 iframes geladen, waarop de kleur van de ledstrip aangepast word.

zondag 1 januari 2017 17:35

Acties:

ThinkPad

Beste HomePlayer,

Dit soort vragen zijn vragen die je met wat zoeken en dingen proberen makkelijk zelf had kunnen vinden. Een eigen topic lijkt mij wat overkill. Ik sluit daarom dit topic

Vraag

Alle reacties