CyberWrt модуль "HTML Кнопка" - Страница 9 - Форум обсуждения систем "Умный дом", проектов Ардуино, OpenWRT и других DIY устройств

zsm · 16.12.2014, 01:43

А может кто нибудь ещё более простой пример скрипта привести,
с 2 кнопками чтобы одна посылала в uart 1 , а другая 0 ?

zsm · 18.12.2014, 03:28

подсмотрел в роботе как в uart значения передаются , создал файл uart.cgi

PHP код:


			
#!/bin/sh

echo $QUERY_STRING > /dev/ttyATH0

echo "202"

попробовал ему прямо из браузера значения передавать типа:
http://192.168.1.102/cgi-bin/modules/button/uart.cgi?1=

http://192.168.1.102/cgi-bin/modules/button/uart.cgi?0=

таким образом всё работает - единица и ноль исправно передаются в uart.

не могу понять , как к этому uart.cgi посылать значения при нажатии кнопок , желательно без перезагрузки страницы..

неужели только .js поможет, я в этом не в зуб ногой)
если .js надо учить для этого, подскажите пожалуйста с чего начать..

Admin · 18.12.2014, 11:32

Код HTML:

echo "<table><form method=GET action=$SCRIPT_NAME>
<tr><td><button type=subbmit"
if echo "$QUERY_STRING" | egrep -q "1="; then
echo 1 > /dev/ttyATH0
echo " name=0 style=background-color:FFFFCC>Выключить1</button>"
elif echo "$QUERY_STRING" | egrep -q "0="; then
echo 0 > /dev/ttyATH0
echo " name=1>Включить1</button>"
else
echo " name=1>Включить1</button>"
fi

zsm · 19.12.2014, 10:44

Всем спасибо , удалось сделать кнопки на jQuery v1.8.2 , товарищ вразумил ) все работает без перезагрузки страницы как и хотелось.
поуправлял 2 светодиодами, счастью нет предела

вот код html

PHP код:


			
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<link rel="stylesheet" href="common.css" type="text/css" media="screen" />

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="common.js"></script>

</head>

<div id="content">

<div class="dTable">

<div class="row">

<div class="col1 downRadius15 shadows"><h4>тест

</h4>

<div class="setForm">

<input type="hidden" id="urls" value="/cgi-bin/modules/button/uart.cgi"/>

<button id="b1" name="1=" class="center">ВКЛ1</button>

<button id="b2" name="0=" class="center">ВЫКЛ1</button>

<button id="b3" name="3=" class="center">ВКЛ2</button>

<button id="b4" name="2=" class="center">ВЫКЛ2</button>

</div>

</div>

</div>

</div>

</div>

</body>

обработчик товарищ написал, на этом простом примере начинаю немного понимать что к чему

PHP код:


			
jQuery(function(){

$('button').click(function(){

param=$(this).attr("name");

urls=$('#urls').val();

$.ajax({

  url: urls,

  data: param,

  success: function(data){

$('#result').text(data);

  }

});

});

});

можете подсказать как сюда видео с камеры ввернуть?

zsm · 20.12.2014, 03:05

так и не понял как видео на html страницу прицепить..
ввернул кнопки в страницу с видео

age0811 · 20.12.2014, 12:08

Цитата:

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

Всем спасибо , удалось сделать кнопки на jQuery v1.8.2 , товарищ вразумил ) все работает без перезагрузки страницы как и хотелось.
поуправлял 2 светодиодами, счастью нет предела

Напиши, пожалуйста, краткое руководство для непрограммистов.

Как реализовать, куда код прилепить. Хочется попробовать. Образования не хватает...

Admin · 20.12.2014, 14:10

Цитата:

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

Если не трудно, допишите 'обратную связь' в "HTML Кнопка".
В 3020 gpio стало маловато. Заказал Maple Mini.

Скоро к модулю драйвера добавлю, такую функцию

zsm · 20.12.2014, 15:18

Цитата:

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

Напиши, пожалуйста, краткое руководство для непрограммистов.

Как реализовать, куда код прилепить. Хочется попробовать. Образования не хватает...

Сам ничего не понимаю в этом

, по этому пока воздеружусь от каких либо инструкций, дабы вы свой аппарат не убили)
Думаю лучше попробовать пример от mebitek

Ему кстати за примерчик огромное спасибо , сегодня обязательно попробую.

zsm · 20.12.2014, 16:08

Цитата:

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

Видео на странице:
<img src='http://192.168.1.101:8082' width='320' height='240'>"

Спасибо за примеры.
Не получается почему то видео вставить..
адрес и порт на свои менял, не помогает

zsm · 20.12.2014, 16:14

получилось так , спасибо
<img src='http://192.168.1.102:8080'/?action=stream width='1280' height='720'>

16.12.2014, 01:43	#81
zsm Member Регистрация: 28.05.2013 Сообщений: 71 Вес репутации: 0	Re: CyberWrt модуль "HTML Кнопка" А может кто нибудь ещё более простой пример скрипта привести, с 2 кнопками чтобы одна посылала в uart 1 , а другая 0 ?

18.12.2014, 03:28	#82
zsm Member Регистрация: 28.05.2013 Сообщений: 71 Вес репутации: 0	Re: CyberWrt модуль "HTML Кнопка" подсмотрел в роботе как в uart значения передаются , создал файл uart.cgi PHP код: `#!/bin/sh echo $QUERY_STRING > /dev/ttyATH0 echo "202"` попробовал ему прямо из браузера значения передавать типа: http://192.168.1.102/cgi-bin/modules/button/uart.cgi?1= http://192.168.1.102/cgi-bin/modules/button/uart.cgi?0= таким образом всё работает - единица и ноль исправно передаются в uart. не могу понять , как к этому uart.cgi посылать значения при нажатии кнопок , желательно без перезагрузки страницы.. неужели только .js поможет, я в этом не в зуб ногой) если .js надо учить для этого, подскажите пожалуйста с чего начать..

19.12.2014, 10:44	#84
zsm Member Регистрация: 28.05.2013 Сообщений: 71 Вес репутации: 0	Re: CyberWrt модуль "HTML Кнопка" Всем спасибо , удалось сделать кнопки на jQuery v1.8.2 , товарищ вразумил ) все работает без перезагрузки страницы как и хотелось. поуправлял 2 светодиодами, счастью нет предела вот код html PHP код: <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="common.css" type="text/css" media="screen" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="common.js"></script> </head> <div id="content"> <div class="dTable"> <div class="row"> <div class="col1 downRadius15 shadows"><h4>тест </h4> <div class="setForm"> <input type="hidden" id="urls" value="/cgi-bin/modules/button/uart.cgi"/> <button id="b1" name="1=" class="center">ВКЛ1</button> <button id="b2" name="0=" class="center">ВЫКЛ1</button> <button id="b3" name="3=" class="center">ВКЛ2</button> <button id="b4" name="2=" class="center">ВЫКЛ2</button> </div> </div> </div> </div> </div> </body> обработчик товарищ написал, на этом простом примере начинаю немного понимать что к чему PHP код: `jQuery(function(){ $('button').click(function(){ param=$(this).attr("name"); urls=$('#urls').val(); $.ajax({ url: urls, data: param, success: function(data){ $('#result').text(data); } }); }); });` можете подсказать как сюда видео с камеры ввернуть?

20.12.2014, 03:05	#85
zsm Member Регистрация: 28.05.2013 Сообщений: 71 Вес репутации: 0	Re: CyberWrt модуль "HTML Кнопка" так и не понял как видео на html страницу прицепить.. ввернул кнопки в страницу с видео Последний раз редактировалось zsm; 20.12.2014 в 03:12.

20.12.2014, 16:14	#90
zsm Member Регистрация: 28.05.2013 Сообщений: 71 Вес репутации: 0	Re: CyberWrt модуль "HTML Кнопка" получилось так , спасибо <img src='http://192.168.1.102:8080'/?action=stream width='1280' height='720'>

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