+ Start a Discussion
karthikeya 2karthikeya 2 

how to display mouse hover for the word in the question.

Hi all,

i need help in making mouse hover content to be displayed. i need t display some content when i palce mouse on perticular word in question.

contnt to be displayed:
" In ancient manuscripts, another means to divide sentences into paragraphs was a line break (newline) followed by an initial at the beginning of the next paragraph. 

An initial is an oversize capital letter, sometimes outdented beyond the margin of text. This style can be seen, for example, in the original Old English manuscript of Beowulf.

Outdenting is still used in English typography, though not commonly.[4] Modern English typography usually indicates a new paragraph by indenting the first line. 

This style can be seen in the (handwritten) United States Constitution from 1787. For additional ornamentation, a hedera leaf or other symbol can be added to the inter-paragraph whitespace, or put in the indentation space. "

sample Question:
Q) what is the best paragrah is to be selecte for newly assignes.

when i place the pointer on "Paragraph" i need to display the whole paras shown above in visualforce page.

Thanks in Advance.
Look for Jquery tooltip or a bootstrap plugin tooltip
karthikeya 2karthikeya 2
I Know that it will happen with Jquery or some ohter but the to approach is needed.
can any one help with an example.
or steps.
There is already a widget in JQuery - https://jqueryui.com/tooltip/
karthikeya 2karthikeya 2

this is the eample for up to 3 lins of code 

if the content is 35 lins of code, and to be displayed in multiple palces then its different

Did you try this out? This is not restricted to only 3 lines, you put as long text as you want, in title attribute of the input and it will automtically render as the tooltip when you hover over it. Perhaps I didn't get you requirement here.