Login   Register  
PHP Classes
elePHPant
Icontem

File: examples/example2.php

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  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: 8 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>