I have HTML table structure displaying some records.
There is an “info” (i.e., small 16×16 ‘i’) image, I need following functionality:
Clicking on “info” image should open a div, containing ‘more’ details about particular/selected transaction
Issue/problem is I need to show div above page contents (like image gallery, when we click on image, other things are black’ed out and a larger image can be seen), with close link.
Can anyone help me achieving this functionality, thanks.
if I have understood you just need a popUp that is showed when you click on the button.
most of the solution are based on preloading the div the contains the information you want to show against the button click , hide the div itself and show it only when the user press the button. I can suggest you to go for a JQuery solution which wraps all this behaviour
the below is just an example:
http://plugins.jquery.com/project/bpopup