Popup image on mouseover in PHP

[jongag1]

Hello,

Our website is designed as follows:
There is a header.php file, a footer.php file and there are several content files, like personel.php which use the templates for the header and footer.
In the header.php file is all the javascript.

We would like to implement an image popup when our personel hoveres the mouse over the name of our employees which are showed in the personel.php file.

We tried the good looking script found on:

http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm

but were not able to get it to work.

The problem is that in personel.php we do a query (result is in $record->picture) for the image file name, but we cannot get it to send to the javascript.

I googled, but was not able to find a solution. I hope that somebody can help me out.

Kind regards,
Age

 

[vacunita]

Of course you realize this is out of PHP's scope. All PHP can do is Provide the information, but its up to JS to create the popup.

If I were doing it I'd create a Invisible DIV that would contain the image to be shown for each entry in the list.

Something like:

<div id="imagediv" class="hiddenclass">
<?PHP
echo "<img src='".$img_src_from_DB ."'>";....

?>

Then on the link add something like:

<a href="...." OnMouseOver="document.imagediv.classname="visibleclass" OnMouseOut="document.imagediv.classname="hiddenclass">

</div>


Then have a style sheet for the classes hidden and visible classes.

This can all be generated dynamically form withing PHP, but the actual popup is created via JS.




----------------------------------
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.