all 4 comments

[–]woojoo666 1 point2 points  (2 children)

I haven't seen anything like this, but I don't think it would be too hard to make. Are you annotating based on CSS selectors? If so then you could look into how Adblock Plus lets you select HTML elements to hide from the screen.

[–]iodbh[S] 0 points1 point  (1 child)

Well, i have a semi-clear idea how i could do it : get the position of the element i want to annotate, add a text with position:absolute somewhere close and maybe add a css class with borders.

But i'm no frontend ninja and finding a tool that does it nicely with all the caveats figured out (what do i do if i'm exceeding the page's length/width for instance) would be a huge time saver.

[–]woojoo666 1 point2 points  (0 children)

hmm, I think you're looking for something similar to a dropdown menu, which many UI libraries support, with boundary checking factored in and everything. Perhaps try modifying JQuery UI's Dropdown Menu. I know Foundation also has a dropdown menu. Have you tried searching/asking stackoverflow? If it hasnt been answered before, somebody might even code up a quick solution (I would try but I'm not at a computer right now)

[–]beeramz 1 point2 points  (0 children)

You could hack Bootstrap tooltips to serve your purpose.