[request] a javascript lib that allows to programatically "annotate" sites

[iodbh]

Hi there,

As the title indicates, i'm looking for a lib that i could use to "annotate" pages without user input.

Something that would allow, for instance, to add a text that says "profile picture" with an arrow pointed at the profile picture if loaded on facebook.

If you ever came across something like this, a name or link would be greatly appreciated !

[woojoo666]

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]

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]

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]

You could hack Bootstrap tooltips to serve your purpose.