trying to use d3 mouse events with x3dom

[Harry Voorhees]

I'm starting to use d3 with x3dom but am having no luck using d3's mouse event handlers (e.g., on('click',...)) on x3dom elements.  Regular html mouse event handlers ("onclick") work fine, as demonstrated here: http://bl.ocks.org/hlvoorhees/5376764 . Ideas anyone?

Harry Voorhees

[Harry Voorhees]

I updated the gist with a workaround. Still, it would be nice if d3 events "just worked" with x3dom elements.

[Marc Fawzi]

d3.select(some element).on(...)

?

Sent from my iPhone

--
You received this message because you are subscribed to the Google Groups "d3-js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to d3-js+un...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Harry Voorhees]

It would be nice if .on('click',...) worked, as well as d3.mouse(...) when applied to x3dom elements.

As shown in the example code, the x3dom canvas's 'onclick' event handler fires instead, with an event that contains 3d and 2d coordinate information, so a workaround is to handle 'onclick' and to call .on('click').

In any case, the 'onclick' event is not of the type that d3.mouse(...) expects. I took at look at the d3 implementation, but I'm not yet sufficiently expert in javascript event handling to propose a change to d3.js. The commented-out event creation code the example .xhtml file might point in the direction of a solution.

--
You received this message because you are subscribed to a topic in the Google Groups "d3-js" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/d3-js/68UepBoSfMo/unsubscribe?hl=en.
To unsubscribe from this group and all its topics, send an email to d3-js+un...@googlegroups.com.

[Harry Voorhees]

Hi Coleman,

Thanks for your message, glad my posting helped, and sorry for not replying sooner!

Yes, .node().addEventListener() seemed to be the most straightforward approach that worked. Did it work for you? If I find a better solution I'll post an update.

Harry

On Thu, Feb 6, 2014 at 6:54 PM, Coleman Foley <colema...@gmail.com> wrote:

Hey, Harry. Thanks a lot for posting the example. It saved me a ton of time. So, did you call .node on the selections to kind of get at the underlying element, so you could use addEventListener on it?

--

You received this message because you are subscribed to a topic in the Google Groups "d3-js" group.

To unsubscribe from this topic, visit https://groups.google.com/d/topic/d3-js/68UepBoSfMo/unsubscribe.

[John Carlson]

As documented in http://stackoverflow.com/questions/32286284/iterate-over-x3dom-nodes-in-d3-js I couldn't get .node().addEventListener() to work.  Help would be nice!  I think it might be because some of my data has no view (I don't know how this happened).

John