Page 1 of 1

mouseover on link

Posted: Thu Sep 09, 2010 5:24 am
by Anant
Hi,

I have a page with list of articles (with link) which is populated from a MySQL database - so clicking on thr name(link) take the user to the full article.
This works fine, but I want to include short summary description for each article which 'drops down' only when the user places mouse over the Article name(link) and the summary description row for each article remains hidden until mouseover on link (then dissapears onmouseout).

Do i have to use JQuery and AJAX to accomplish the same. Can any one point me to few examples ?

(Moving to PHP from .NET isn't the bestest thing. I am learning how to write bad code until i start PHP in object oriented style.)

Re: mouseover on link

Posted: Thu Sep 09, 2010 7:08 am
by requinix
Are you talking about "tooltips" or something fancier?

Re: mouseover on link

Posted: Thu Sep 09, 2010 8:09 am
by Anant
yeh exactly ... tooltips - do you have any resource which gives a demo code how to implement this in php .. I will try googling as well but am not feeling lucky today.

Thanks

Re: mouseover on link

Posted: Thu Sep 09, 2010 9:03 am
by tonchily

Re: mouseover on link

Posted: Thu Sep 09, 2010 1:18 pm
by Jonah Bron
An easier way is to use the title attribute. Then you just get a basic, native tootip.

http://www.w3schools.com/tags/att_standard_title.asp

Con: you can't have newlines.

Re: mouseover on link

Posted: Fri Sep 10, 2010 3:47 am
by Anant
Yap i know that - but that's not what i am looking for..

I couldn't find any step by step example as of now... search is On..

Thanks..

Re: mouseover on link

Posted: Fri Sep 10, 2010 5:50 am
by Anant
tonchilly i tried -
But it's not working - i installed jquery.js and hovertip.js but i can't get it to work when called from webpage..

Re: mouseover on link

Posted: Sun Sep 12, 2010 12:03 pm
by Jonah Bron
Did you remember to put <script type="text/javascript" src="jquery.js"></script> in your <head>?