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'
));
?>
Test for Manuel Lemos' PHP form class
using the animation plug-in
PageHead();
?>
Test for Manuel Lemos' PHP form class
using the animation plug-in
'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();
?>