Page 2 of 2

Re: Moving a Gadget with a Tablet?

Posted: Thu Sep 26, 2024 1:56 pm
by Stefan
An example would be great

Re: Moving a Gadget with a Tablet?

Posted: Sat Sep 28, 2024 2:20 pm
by munfraid
Stefan wrote: Thu Sep 26, 2024 1:56 pm An example would be great
Yes, please a short example. Thanks!

Re: Moving a Gadget with a Tablet?

Posted: Sun Sep 29, 2024 3:58 pm
by Fred
You can try something like that:

Code: Select all

EnableExplicit

Enumeration
  
  #window
  #gadget
  
EndEnumeration

Declare Main()

Global GID



Main()

Procedure Main()
  
  Protected  pic
  
  OpenWindow(#window, 0, 0, 800, 600, "Test")
  
  pic = CreateImage(#PB_Any, 100, 60, 32, RGB(200, 0, 0))
  
  ImageGadget(#gadget, 20, 20, ImageWidth(pic), ImageHeight(pic), ImageID(pic))
  
  GID = GadgetID(#gadget)
  Debug GID
  
EnableJS

  require(["interact.min"], function(interact) {
      var div = g_gid.gadget;
      interact(div).draggable({
        'listeners': {
          'move': function(event) {
  
              var x = parseInt($(div).css("left"), 10) + event.dx;
              var y = parseInt($(div).css("top"), 10) + event.dy;
  
              div.style.left = x+"px";
              div.style.top  = y+"px";
              console.log("x:", x, " y: ", y);  
          }
        }
      });
      ; console.log("Interact setup", g_gid);
  });

DisableJS
  
  ;! A(v_gid.gadget).draggable();
  
EndProcedure

Re: Moving a Gadget with a Tablet?

Posted: Sun Sep 29, 2024 5:30 pm
by munfraid
It works! :) This finally solves an old issue in one of my apps.

Thank you very much, Fred!

Re: Moving a Gadget with a Tablet?

Posted: Tue Oct 01, 2024 6:16 am
by Stefan
Great, thank you very much :)