Node Red catch webpage click event

[briansone]

I have built an IOT interface webpage which has clickable buttons like a window which should open/close when clicked.

The hardware side is set up (Pi --> ESP --> window actuator controller), & I can send a window open/close message out through an inject node in Node Red but I'm not sure what needs to be done to replace my manual inject node with webpage 'click' events.

Any ideas?

[dynamicdave]

Here's a link to a project that explains how to put 'soft buttons' on a web page to turn LEDs on and off.
I'm sure you could modify it to suit to your needs.

Please read the instructions carefully about re-naming 'index.txt' to 'index.html'.

'Soft' buttons on a web page to control something via Node-RED

I bought myself a book on jQuery and Ajax for Christmas. Here's a write-up on my first attempt at writing some jQuery that interfaces to Node-RED. The index.txt file must be renamed as index.html (as Discourse does not allow this type of file to be uploaded). It's a simple piece of html that links in jquery and sketch.js. The eight 'soft' buttons have unique 'id's. e.g. "turnREDon", "turnREDoff", etc... The index.html and sketch.js files can reside on any webpage on your local network. Th…

[briansone]

Thanks for sharing Dave, it couldn't have been easier to get your scripts working!

[dynamicdave]

Really glad to hear the scripts have been useful to someone.