Login   Register  
PHP Classes
elePHPant
Icontem

File: test_animation.php

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Manuel Lemos  >  Forms generation and validation  >  test_animation.php  >  Download  
File: test_animation.php
Role: Example script
Content type: text/plain
Description: Example to demonstrate how to use the animation plug-in
Class: Forms generation and validation
HTML forms generation and validation.
Author: By
Last change: Added example of use of the effect type Wait.
Date: 6 years ago
Size: 3,777 bytes
 

Contents

Class file image Download
<?php
/*
 *
 * @(#) $Id: test_animation.php,v 1.4 2008/09/07 06:24:27 mlemos Exp $
 *
 */

    
require('forms.php');
    require(
'form_animation.php');

    
$form=new form_class;
    
$form->NAME='animation_form';
    
$form->METHOD='POST';
    
$form->ACTION='';
    
$form->debug='trigger_error';
    
$form->AddInput(array(
        
'TYPE'=>'custom',
        
'ID'=>'animation',
        
'CustomClass'=>'form_animation_class',

        
/*
         *  Set the path of animation.js if it is not in the current directory
         */
        
'JavascriptPath'=>''
    
));
    
$form->AddInput(array(
        
'TYPE'=>'button',
        
'ID'=>'show',
        
'VALUE'=>'fade in'
    
));
    
$form->AddInput(array(
        
'TYPE'=>'button',
        
'ID'=>'hide',
        
'VALUE'=>'fade out'
    
));

?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test for Manuel Lemos' PHP form class
using the animation plug-in</title>
<?php
    
echo $form->PageHead();
?>
</head>
<body bgcolor="#cccccc">
<center><h1>Test for Manuel Lemos' PHP form class
using the animation plug-in</h1></center>
<hr />
<?php

    
/*
     *  Set the debug level to 1 or more show alert messages
     *  when animation setup errors are detected
     */
    
$debug 1;

    
/*
     *  Define an animation sequence to be started
     *  when the hide button is clicked
     */
    
$context=array(
        
'Name'=>'Hide form',
        
'Debug'=>$debug,
        
'Effects'=>array(

            
/*
             *  First, cancel the Show form animation if it is running
             *  to avoid unwanted flicker effects
             */
            
array(
                
'Type'=>'CancelAnimation',
                
'Animation'=>'Show form'
            
),

            
/*
             *  Update the feedback message box
             */
            
array(
                
'Type'=>'ReplaceContent',
                
'Element'=>'feedback',
                
'Content'=>'Hiding...',
            ),

            
/*
             *  Fade out the form during 0.5 seconds
             */
            
array(
                
'Type'=>'FadeOut',
                
'Element'=>'wholeform',
                
'Duration'=>0.5
            
),

            
/*
             *  Update the feedback message box
             */
            
array(
                
'Type'=>'ReplaceContent',
                
'Element'=>'feedback',
                
'Content'=>'Waiting 3 seconds...',
            ),

            
/*
             *  Wait 1 second
             */
            
array(
                
'Type'=>'Wait',
                
'Duration'=>1.0,
            ),

            
/*
             *  Update the feedback message box
             */
            
array(
                
'Type'=>'ReplaceContent',
                
'Element'=>'feedback',
                
'Content'=>'Waiting 2 seconds...',
            ),

            
/*
             *  Wait 1 second
             */
            
array(
                
'Type'=>'Wait',
                
'Duration'=>1.0,
            ),

            
/*
             *  Update the feedback message box
             */
            
array(
                
'Type'=>'ReplaceContent',
                
'Element'=>'feedback',
                
'Content'=>'Waiting 1 second...',
            ),

            
/*
             *  Wait 1 second
             */
            
array(
                
'Type'=>'Wait',
                
'Duration'=>1.0,
            ),

            
/*
             *  Update the feedback message box
             */
            
array(
                
'Type'=>'ReplaceContent',
                
'Element'=>'feedback',
                
'Content'=>'The form is hidden!',
            ),
        )
    );
    
/*
     *  Connect the hide button with the animation input to start
     *  the animation defined aboved when the ONCLICK event is triggered
     */
    
$form->Connect('hide''animation''ONCLICK''AddAnimation'$context);

    
/*
     *  Define an animation sequence to be started
     *  when the show button is clicked
     */
    
$context=array(
        
'Name'=>'Show form',
        
'Debug'=>$debug,
        
'Effects'=>array(
            array(
                
'Type'=>'CancelAnimation',
                
'Animation'=>'Hide form'
            
),
            array(
                
'Type'=>'ReplaceContent',
                
'Element'=>'feedback',
                
'Content'=>'Showing...',
            ),
            array(
                
'Type'=>'FadeIn',
                
'Element'=>'wholeform',
                
'Duration'=>0.5
            
),
            array(
                
'Type'=>'ReplaceContent',
                
'Element'=>'feedback',
                
'Content'=>'The form is visible!',
            ),
        )
    );
    
$form->Connect('show''animation''ONCLICK''AddAnimation'$context);
    
$form->AddInputPart('animation');
    
$form->StartLayoutCapture();
    require(
'templates/form_animation.html.php');
     
$form->EndLayoutCapture();
    
$form->DisplayOutput();
?>
<hr />
</body>
</html>