D3 is a directed graph. On shortcuts above mouse shortcuts

This is related to this issue .

Protest! I am a very newbie programmer ... any help is much appreciated!

I am using http://mbostock.github.com/d3/ex/force.html to generate a force oriented graph on some php generated json data. I managed to get the code (// highlighting the selected node, its links and its children in the D3 radiation pattern), as a result of which everything disappears on the mouse, except for node and connecting nodes. This is my current code:

http://jsfiddle.net/WNHaB/

Now I would like to add headers to node and each child node on the mouse at the same time as withering. This would greatly increase the usability of the program. Any idea how to do this ???

Update

So, thanks to Nachtgold, I got labels on the nodes, changed the color and font size. The flicker that occurred when the cursor accidentally hit a text label was quite annoying. I fixed it using .style("pointer-events", 'none') Thus, the current edition:

http://jsfiddle.net/dfETs/

I would like to move the text relative to the nodes so that they do not overlap. Any ideas how to do this?

Thanks a bunch!