search

d-bl / GroundForge

Bobbin Lace Diagrams : threads from pairs
https://d-bl.github.io/GroundForge/
GNU General Public License v3.0
12 stars 7 forks source link

Enable tooltips on touch devices #44

Open jo-pol opened 8 years ago

jo-pol commented 8 years ago

Tooltips on diagrams don't work on mobile (touch) devices, nor scrolling the image map. With tooltips it becomes easier to choose stitches as demonstrated with the screenshot.

tooltips

jo-pol commented 8 years ago

Use a title tag rather than an attribute http://stackoverflow.com/questions/102457/how-to-create-an-svg-tooltip-like-box

jo-pol commented 8 years ago

Further comment in the issue above: "This does not seem to work when you add it dynamically using javascript."

Similar circumstances that prevent Internet Explorer to show the colored line ends.

jo-pol commented 8 years ago

A working example is available on http://www.coppelia.io/2014/07/an-a-to-z-of-extra-features-for-the-d3-force-layout/ or the corresponding http://jsfiddle.net/simonraper/f8R3M/?utm_source=website&utm_medium=embed&utm_campaign=f8R3M

jo-pol commented 8 years ago

More on http://labratrevenge.com/d3-tip/ script location https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.6.7/d3-tip.min.js

Could get it working on a desk top, but the title attribute did that too. On an IPad no luck so far. The problem might be having two force graphs.

jo-pol commented 8 years ago

The project seems dead so this is not the way to go.

jo-pol commented 8 years ago

1c31944 is a nice enhancement, but it does not fix the tool tips inside SVG.

jo-pol commented 8 years ago

Perhaps first fix #59 then try (again?) some of the examples above.

jo-pol commented 6 years ago

The tiles page has a tooltip on the catalogues link that works on hover when using a mouse or when touched long enough on a mobile device. The link (which is a fall back) gets a bit in the way though for mobile devices. For Safari it needs at least iOS-v10, though on an iPad Air with iOS-v8 the tooltip appears but won't vaish. The UC browser thinks it might be an ad.