"Event-transparent" Widget

classic Classic list List threaded Threaded
4 messages Options
Reply | Threaded
Open this post in threaded view
|

"Event-transparent" Widget

Peter Schneider
Hi there (and happy new year),

I am looking for a way to add a layer over any other LayoutItem, that is
"transparent" for all pointer events.

What I want to accomplish can be seen in the attached playground example[1].

There one can draw rectangles with the *right* Mouse-key over a HTML-Frame.
But what I want is that 'normal' behavior of the underlying Widget is possible
('hover' over links, 'left-click' to navigate etc. pp.)
Like when the canvas is not added (checkbox unchecked).

What would be the best way to accomplish this "event-transparent" overlay?

Regards,
   Peter

-----------------
[1] I cannot use 'shorten URL' for whatever reason :(
     ... so you have to manually copy it to
         http://demo.qooxdoo.org/4.1/playground/


--


** Unsere Veranstaltungen 2015

Logimat Stuttgart Halle 7, Stand A03 10.2.-12.2.2015
transport logistic München 5.5.-8.5.2015
MöLo Kassel 18.6.-20.6.2015
Postexpo Paris 29.9.-1.10.2015

** NEU: Unser BLOG

telematics-magazine.com
------------------------------------------------------------------------------
Dive into the World of Parallel Programming! The Go Parallel Website,
sponsored by Intel and developed in partnership with Slashdot Media, is your
hub for all things parallel software development, from weekly thought
leadership blogs to news, videos, case studies, tutorials and more. Take a
look and join the conversation now. http://goparallel.sourceforge.net
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Playground.js.txt (3K) Download Attachment
Reply | Threaded
Open this post in threaded view
|

Re: "Event-transparent" Widget

oetiker
Hi Peter,

generically

two things come to mind:

 http://www.vinylfox.com/forwarding-mouse-events-through-layers/

and

 pointer-events: none;

 https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

the second unfortunately is no all that well supported ...
espceially IE only added support von v11.


cheers
tobi

Today Peter Schneider wrote:

> Hi there (and happy new year),
>
> I am looking for a way to add a layer over any other LayoutItem, that is
> "transparent" for all pointer events.
>
> What I want to accomplish can be seen in the attached playground example[1].
>
> There one can draw rectangles with the *right* Mouse-key over a HTML-Frame.
> But what I want is that 'normal' behavior of the underlying Widget is possible
> ('hover' over links, 'left-click' to navigate etc. pp.)
> Like when the canvas is not added (checkbox unchecked).
>
> What would be the best way to accomplish this "event-transparent" overlay?
>
> Regards,
>   Peter
>
> -----------------
> [1] I cannot use 'shorten URL' for whatever reason :(
>     ... so you have to manually copy it to
>         http://demo.qooxdoo.org/4.1/playground/
>
>
>

--
Tobi Oetiker, OETIKER+PARTNER AG, Aarweg 15 CH-4600 Olten, Switzerland
www.oetiker.ch [hidden email] +41 62 775 9902


------------------------------------------------------------------------------
Dive into the World of Parallel Programming! The Go Parallel Website,
sponsored by Intel and developed in partnership with Slashdot Media, is your
hub for all things parallel software development, from weekly thought
leadership blogs to news, videos, case studies, tutorials and more. Take a
look and join the conversation now. http://goparallel.sourceforge.net
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: "Event-transparent" Widget

John Spackman-3
In reply to this post by Peter Schneider
I had a similar problem with iframes, i solved it by making the item that overlays the iframe (ie the canvas in your example) hidden until i wanted it to receive events - if you can detect the mouse down on the iframe, perhaps you can show the canvas so that you block all future events going to the iframe until you detect mouse up (on the canvas) and re-hide the canvas

John


> On 6 Jan 2015, at 10:21, Peter Schneider <[hidden email]> wrote:
>
> Hi there (and happy new year),
>
> I am looking for a way to add a layer over any other LayoutItem, that is
> "transparent" for all pointer events.
>
> What I want to accomplish can be seen in the attached playground example[1].
>
> There one can draw rectangles with the *right* Mouse-key over a HTML-Frame.
> But what I want is that 'normal' behavior of the underlying Widget is possible
> ('hover' over links, 'left-click' to navigate etc. pp.)
> Like when the canvas is not added (checkbox unchecked).
>
> What would be the best way to accomplish this "event-transparent" overlay?
>
> Regards,
>  Peter
>
> -----------------
> [1] I cannot use 'shorten URL' for whatever reason :(
>    ... so you have to manually copy it to
>        http://demo.qooxdoo.org/4.1/playground/
>
>
> --
>
>
> ** Unsere Veranstaltungen 2015
> Logimat Stuttgart Halle 7, Stand A03 10.2.-12.2.2015
> transport logistic München 5.5.-8.5.2015
> MöLo Kassel 18.6.-20.6.2015
> Postexpo Paris 29.9.-1.10.2015
>
> ** NEU: Unser BLOG
> telematics-magazine.com<Playground.js.txt>------------------------------------------------------------------------------
> Dive into the World of Parallel Programming! The Go Parallel Website,
> sponsored by Intel and developed in partnership with Slashdot Media, is your
> hub for all things parallel software development, from weekly thought
> leadership blogs to news, videos, case studies, tutorials and more. Take a
> look and join the conversation now. http://goparallel.sourceforge.net_______________________________________________
> qooxdoo-devel mailing list
> [hidden email]
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel



------------------------------------------------------------------------------
Dive into the World of Parallel Programming! The Go Parallel Website,
sponsored by Intel and developed in partnership with Slashdot Media, is your
hub for all things parallel software development, from weekly thought
leadership blogs to news, videos, case studies, tutorials and more. Take a
look and join the conversation now. http://goparallel.sourceforge.net
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: "Event-transparent" Widget

Scott73
This post has NOT been accepted by the mailing list yet.
In reply to this post by Peter Schneider
I am also throwing a party for my friends this new year and that is why I was so busy with planning best new year eve party nyc and did not even think of this problem but you sorted it out and thanks for that.