PHP Classes

File: examples/example2.php

Recommend this page to a friend!
  Classes of Stefan Gabos   PHP JavaScript Tooltip Generator Class   examples/example2.php   Download  
File: examples/example2.php
Role: Example script
Content type: text/plain
Description: example script
Class: PHP JavaScript Tooltip Generator Class
Open tooltips over HTML page elements
Author: By
Last change:
Date: 17 years ago
Size: 1,766 bytes
 

Contents

Class file image Download
<?php

   
// include the JavaScript tooltip generator class
   
require "../class.tooltips.php";

   
// instantiate the class
   
$tt = new tooltips();
   
?>
<html>
    <head>
        <title>PHP JavaScript Tooltip Generator Class</title>
    </head>
    <body>
    <?php

       
// set some properties for the tooltip
        // THIS MUST BE DONE BEFORE CALLING THE init() METHOD!
       
        // tell the tooltips to start fading in only after it have waited for 100 milliseconds
       
$tt->fadeInDelay = 100;
       
// tell the tooltips to start fading out only after 3 seconds
        // this is to show how more than just one tooltip can be visible on the screen at the same time!
       
$tt->fadeOutDelay = 3000;

       
// see the manual for what other properties can be set!
       
        // notice that we init the tooltips in the <BODY> !
       
$tt->init();
   
?>

        <table style="width:100%;height:100%">
            <tr>
                <td align="center" valign="center">
                    <!--
                        notice that we're not setting the onmouseout event!
                        the script automatically takes care of it
                    -->
                    <input type="button" value="hover me!" onmouseover="<?=$tt->show("Hello World<br />from button 1!")?>"><br /><br />
                    <input type="button" value="hover me also!" onmouseover="<?=$tt->show("Hello World!<br />from button 2!")?>"><br /><br />
                    <input type="button" value="and hover me, too, please!" onmouseover="<?=$tt->show("Hello World!<br />from button 3!")?>"><br /><br />
                </td>
            </tr>
        </table>
   
    </body>
</html>