OK, so here’s a quick proof of concept, with functions triggered from page to stack and from stack to page. It is not using postMessage, only 'standard’ javascript listeners. Works well on mobile too (at least iPhone).
https://wheninspace.com/WebpageInteractionStack/ If I find the time, it would be very interesting to try deploying two different stacks on the same page (is that even possible?), and then have them communicate with each other. Or have two stacks in two different pages, and have them communicate via postMessage calls… > 26 jan. 2024 kl. 17:15 skrev David Bovill via use-livecode > <use-livecode@lists.runrev.com>: > > The scenario would be events like resize, or a button click in the html > page triggering a handler in the Livecode wasm export. The other way round > would ve a Livecode handler in the exported wasm widget calling a > javascriot function in the surrounding Web page. > > My understanding in other contexts is that you use the postMessage Web api > for this type of thing - > https://www.google.com/url?q=https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage&sa=U&ved=2ahUKEwiE5eCSufuDAxX7UkEAHbtmBvIQFnoECAoQAg&usg=AOvVaw09QGMScP0-9YwJuHAC-sIE > > Apart from triggering handlers in both directions passing (json) data in > both directions is needed. > > On Thu, 25 Jan 2024, 20:35 Andreas Bergendal via use-livecode, < > use-livecode@lists.runrev.com> wrote: > >> I’ve created some web deployments where the web page interacts with the >> stack e.g. in the sense that a change of the browser window rect triggers a >> resizeStack message in the stack. >> >> But I’m not sure if by bidirectional you mean that actions in the stack >> should also affect the web page in some way? Could you give an example of >> what you have in mind? >> >> >>> 24 jan. 2024 kl. 12:47 skrev David Bovill via use-livecode < >> use-livecode@lists.runrev.com>: >>> >>> Is there a demo out there for simple bidirectional interaction between a >>> web page and a recent stack exported as wasm? Anyone experimenting with >>> this? >> >> _______________________________________________ >> use-livecode mailing list >> use-livecode@lists.runrev.com >> Please visit this url to subscribe, unsubscribe and manage your >> subscription preferences: >> http://lists.runrev.com/mailman/listinfo/use-livecode >> > _______________________________________________ > use-livecode mailing list > use-livecode@lists.runrev.com > Please visit this url to subscribe, unsubscribe and manage your subscription > preferences: > http://lists.runrev.com/mailman/listinfo/use-livecode _______________________________________________ use-livecode mailing list use-livecode@lists.runrev.com Please visit this url to subscribe, unsubscribe and manage your subscription preferences: http://lists.runrev.com/mailman/listinfo/use-livecode
