Displaying link description in text blocks

kisumsam
12:15:10
Hello,

I really like the short article "Displaying link description in text blocks inside div tag using mouse over event" on your website but I have a question about a slight modification of this code. I wanna display the description textbox just right beside the link (e.g. Sql Home). Is it possible to modify the code so that the position is not set as a fixed position (i.e. left: 500px;top: 400px) but depends on the position of the "mousedovered" link?

Thanks,
Sam
smo1234
05-03-2015
Simple way that is called tooltip , If you add tittle to your link then by default browser will display title once you place mouse over it.
Try this line
From <a href="#" title="Web programming" >plus2net.com</a> you can <a href='#' title='Script download'>download</a> scripts and learn web programming.


To this you can add attractive tooltips by using CSS. However by using jquery the same can be further improved.

Here is the code for this.
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})

</script>


Note : You must have jQuery and bootstrap connected to the page.
Check this tooltip demo
Please Login to post your reply or start a new topic