Show record info with mouseover

[cleanair4me46]

I have a list of records where the title of a book is shown in the list. The list of records takes up left half of page using an html table. If someone clicks on the one book title it shows the record details (title, auther, price and publisher) on the right half of the page using an html table.

Is it possible to do the same thing except instead of clicking on the title link the user can mouseover the title link and it will show the record detail on the right half. If the user moves to another title it will show that one title record only.

Please advise any examples or how I can do this?

 

[vacunita]

It is possible, but it will involve Javascript.

You'll basically need to get the info for all the records before hand and stick them into hidden boxes, then use Js to display the boxes on the mouseover event of the relevant link.




----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[jpadie]

why does it need JS? can you not do it with css? i.e. set the display property of the holding element to hidden and then use a declaration like:

div#holding_ID:hover {display:block;}

 

[vacunita]

1. How do you hover over an invisible element?
That reads: when you hover over a div with a class of #holding_id set its display to block.


2. you can't use CSS to address elements from other elements.




----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[feherke]

Hi

I am sure jpadie had in mind something like Eric A. Meyer's Pure CSS Popups.

Feherke.

http://rootshell.be/~feherke/

 

[vacunita]

That's interesting, never seen something like that. Its actually quite ingenious.

That may work if you can generate the spans or whatever element you want to use to hold the detailed information for each entry.

however, this is now straying very far away from PHP so I think we should point the OP to the appropriate forum. in this case: forum215


----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[jpadie]

thanks for the benefit of the doubt feherke. i was indeed thinking of that kind of solution. i agree that my code snip was inaccurate though and so readers would have been misled. the curse of trying to post when stupidly busy at the day job!