I can write HTML and javascript... but I can't seem to find out how to connect a simple HTML button to trigger a GPIO to be on or off. I can do it with other methods... but somewhere between HTML and the msg.payload I'm loosing it. I really hope someone can help me because I can do some amazing stu…

Hi, here is a flow with 3 examples The first one is the simplest and using a button in the dashboard The second, still in the dashboard, is using a ui_template node The third is a stripped down version of my private html page used for home automation. It is maybe an overkill in this case but it s…

Not quite sure what you are looking for. Here's a link to a flow I posted on the 'Share Your Projects' section a year or so ago. It uses jQuery and Ajax to detect a button on a webpage and send that information to Node-RED. [image] 'Soft' buttons on a web page to control somethin…

@Askjerry And this is your example with websockets added. I have just added the functionality for LED1 but you get the idea [image] [{"id":"2098df0f.b84a5","type":"template","z":"a4d7c0e0.63723","name":"ASKJERRY","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","temp…

[image] Askjerry: I'm new so I can't attach a file [image] How to share code or flow json FAQs To share code samples or flow json in this forum, you need to take care to format it properly so that it is displayed correctly. The easiest way to do that is to click th…

Krambriw I owe you a BUNCH! :grin: I knew I was missing something... wasn't sure what exactly. Once I saw your example pushing a 1 or 0, THEN I knew I should be able to push a STRING then use "something" to decode it and push the 1 or 0 to the appropriate GPIO port. I got it !!! (With your help…

The next phase was to see if I could do the whole interface with Inkscape SVG. In Inkscape you can assign button clicks and IDs to any shape, so if I make a rectangle and call it "BTN1" for example, I can apply styles and such. Rather than bore you with the details... I make a simple HTML framewor…

Hi Jerry, cool example, nice to hear you got it working! To receive data, we are actually very close. Simplest I think, is to use the same websocket already existing You just have to add some code in your template node to make this happen. Like this (in this case I'm just bringing up an alert but…

NICE! I noticed that I got a generic 1 or 0 depending on the state, and then I thought about multiple switches and how I would tell them apart. I had already decoded the LED signals, so I used the same method to change the payload for the switch. Now I can filter accordingly and have it trigger som…

Node-RED

Node-RED Forum

Raspberry Pi GPIO via HTML

General

cymplecy 9 April 2020 08:52 5

Topic		Replies	Views
Get input to HTML,CSS,JS Webpage General	8	318	14 August 2022
First time using buttons General	32	787	15 August 2023
Create web page dynamically, depending on clients HTTP request General	18	376	10 March 2023
Websocket. How to update URL or submit msg.payload from HTML? General	21	1356	3 March 2021
Sending a set of pulses to a relay by pressing a button on a web page General	7	2051	9 June 2018

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Raspberry Pi GPIO via HTML

Related topics