Web интерфейс - Форум обсуждения систем "Умный дом", проектов Ардуино, OpenWRT и других DIY устройств

AlexSMG95 · 12.04.2013, 00:14

Цитата:

Сообщение от andr128

http://learn.javascript.ru/keyboard-events

Код HTML:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">  
</head>

<body>
<b>KeyPress A or B <b>
<script type="text/javascript"> 
   document.onkeydown = function(e) { 
     e = e || window.event; 
     if (e.keyCode == 65) { 
       alert('A'); 
     } 
     if (e.keyCode == 66) { 
       alert('B'); 
     } 

     return true; 
   } 
</script>


</body>
</html>

Спасибо что откликнулись!
но меня больше интересует вопрос как эти данные отправлять на ttyACM0

andr128 · 12.04.2013, 08:48

Цитата:

Сообщение от AlexSMG95

Спасибо что откликнулись!
но меня больше интересует вопрос как эти данные отправлять на
ttyACM0

Вы спросили как опрашивать клавиатуру с вэб страницы, я показал пример.
Изучайте php, java-script.

Admin вам давал ссылку, развивайте тему.
На роутере должен быть установлен вэб сервер, php.

С помощью php можно обратиться к сериал порту роутера, соответственно управлять ардуиной.

Другой вариант работать через сокеты также на php. В качестве шлюза использовать ser2net. http://www.cyber-place.ru/showthread.php?t=307

AlexSMG95 · 12.04.2013, 19:00

Всем еще раз здрасте!
на этот раз такой вопрос! Поставил я на mr3020 веб сервер и настроил по этой инструкции! Файлы php открывает но html не открывает! Я сам удивился подскажите в чем дело?

AlexSMG95 · 12.04.2013, 21:52

Ребят помогите с вопросом!
вообще поковырял я java и php сотворил нечто похожее

PHP код:


			
<html>

<head>

    <link rel="stylesheet" type="text/css" href="res/main.css"/>

    <script type="text/javascript">

        var lastTurn = -1;

    var lastPress = -1;

        var lastPos = -1;



    function submitUART(uartString)

    {

     document.getElementById('serialData').value=uartString+"\n";

        document.getElementById('serialForm').submit()

    };

    function keyPressed(e)

    {

        var keynum

        var keychar

        var numcheck



        if(window.event) // IE

        {

        keynum = e.keyCode

        }

        else if(e.which) // Netscape/Firefox/

        {

        keynum = e.which

        }

        keychar = String.fromCharCode(keynum);

        if(keychar == "w" || keychar == "ц" || keychar == "W" || keychar == "Ц") 

        {

         submitUART("w");

        }

        if(keychar == "a" || keychar == "ф" || keychar == "A" || keychar == "Ф")

        {

            submitUART("a");

        }

        if(keychar == "s" || keychar == "ы" || keychar == "S" || keychar == "Ы")

        {

            submitUART("s");

        }

        if(keychar == "d" || keychar == "в" || keychar == "D" || keychar == "В")

        {

            submitUART("d");

        }

        return true;

    };



    function keyUp(e)

    {

        var keynum

        var keychar

        var numcheck



        if(window.event) // IE

        {

        keynum = e.keyCode

        }

        else if(e.which) // Netscape/Firefox/Opera

        {

        keynum = e.which

        }

        keychar = String.fromCharCode(keynum);

        if(keychar == "w" || keychar == "ц" || keychar == "W" || keychar == "Ц") 

        {

            submitUART("клавиша не зажата");

        }

        if(keychar == "a" || keychar == "ф" || keychar == "A" || keychar == "Ф")        {

            submitUART("клавиша не зажата");

        }

        if(keychar == "s" || keychar == "ы" || keychar == "S" || keychar == "Ы")

        {

            submitUART("клавиша не зажата");

        }

        if(keychar == "d" || keychar == "в" || keychar == "D" || keychar == "В")    

        {

            submitUART("клавиша не зажата");

        }

        return true;

    };

    </script>

</head>

<body onKeyPress="return keyPressed(event)" onKeyUp="keyUp(event)">

<table>

    <tr>

        <td>

            <form id="serialForm" action="/cgi-bin/serial.cgi" method="POST" target="hidden">

                <label>Serial data:<br/>

                    <textarea id="serialData" name="SERIAL_DATA" rows="2" cols="40">TEST SERIAL</textarea>

                </label><br/>

                <input type="submit" value="Send">

            </form>

        </td>

    </tr>

</table>

<hr/>

<iframe name="hidden" src="/nothing.html" style="width: 1px;height: 1px;visibility: hidden"></iframe>

</body>

</html>

Дак вот в чем вопрос как прикрутить дополнительные php скриптики допустим наживаю кнопку W и задействуется другой скрипт который выполняет нечто то о чем я его попрошу!

AlexSMG95 · 13.04.2013, 11:10

Ну может кто-нибудь ответит?
если нет придется другую тему создавать.

12.04.2013, 21:52	#4
AlexSMG95 Member Регистрация: 08.04.2013 Адрес: Томск Сообщений: 64 Вес репутации: 0	Ребят помогите с вопросом! вообще поковырял я java и php сотворил нечто похожее PHP код: <html> <head> <link rel="stylesheet" type="text/css" href="res/main.css"/> <script type="text/javascript"> var lastTurn = -1; var lastPress = -1; var lastPos = -1; function submitUART(uartString) { document.getElementById('serialData').value=uartString+"\n"; document.getElementById('serialForm').submit() }; function keyPressed(e) { var keynum var keychar var numcheck if(window.event) // IE { keynum = e.keyCode } else if(e.which) // Netscape/Firefox/ { keynum = e.which } keychar = String.fromCharCode(keynum); if(keychar == "w" \|\| keychar == "ц" \|\| keychar == "W" \|\| keychar == "Ц") { submitUART("w"); } if(keychar == "a" \|\| keychar == "ф" \|\| keychar == "A" \|\| keychar == "Ф") { submitUART("a"); } if(keychar == "s" \|\| keychar == "ы" \|\| keychar == "S" \|\| keychar == "Ы") { submitUART("s"); } if(keychar == "d" \|\| keychar == "в" \|\| keychar == "D" \|\| keychar == "В") { submitUART("d"); } return true; }; function keyUp(e) { var keynum var keychar var numcheck if(window.event) // IE { keynum = e.keyCode } else if(e.which) // Netscape/Firefox/Opera { keynum = e.which } keychar = String.fromCharCode(keynum); if(keychar == "w" \|\| keychar == "ц" \|\| keychar == "W" \|\| keychar == "Ц") { submitUART("клавиша не зажата"); } if(keychar == "a" \|\| keychar == "ф" \|\| keychar == "A" \|\| keychar == "Ф") { submitUART("клавиша не зажата"); } if(keychar == "s" \|\| keychar == "ы" \|\| keychar == "S" \|\| keychar == "Ы") { submitUART("клавиша не зажата"); } if(keychar == "d" \|\| keychar == "в" \|\| keychar == "D" \|\| keychar == "В") { submitUART("клавиша не зажата"); } return true; }; </script> </head> <body onKeyPress="return keyPressed(event)" onKeyUp="keyUp(event)"> <table> <tr> <td> <form id="serialForm" action="/cgi-bin/serial.cgi" method="POST" target="hidden"> <label>Serial data:<br/> <textarea id="serialData" name="SERIAL_DATA" rows="2" cols="40">TEST SERIAL</textarea> </label><br/> <input type="submit" value="Send"> </form> </td> </tr> </table> <hr/> <iframe name="hidden" src="/nothing.html" style="width: 1px;height: 1px;visibility: hidden"></iframe> </body> </html> Дак вот в чем вопрос как прикрутить дополнительные php скриптики допустим наживаю кнопку W и задействуется другой скрипт который выполняет нечто то о чем я его попрошу!

12.04.2013, 19:00	#3
AlexSMG95 Member Регистрация: 08.04.2013 Адрес: Томск Сообщений: 64 Вес репутации: 0	Всем еще раз здрасте! на этот раз такой вопрос! Поставил я на mr3020 веб сервер и настроил по этой инструкции! Файлы php открывает но html не открывает! Я сам удивился подскажите в чем дело?

13.04.2013, 11:10	#5
AlexSMG95 Member Регистрация: 08.04.2013 Адрес: Томск Сообщений: 64 Вес репутации: 0	Ну может кто-нибудь ответит? если нет придется другую тему создавать.

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)