Description:
+The performTransition method operates as a screen update command, which tells the widget UI framework to update the widget screen. It performs the animation while the widget's view is being changed. Currently, only fading animation mode is supported.
The performTransition method is to be called together with the prepareForTransition method.
Syntax:
+[void] widget.performTransition(void)+
or
+[void] window.widget.performTransition(void)+
Arguments:
+This method does not take any arguments.
+Return value:
+This method does not return a value.
+Example code:
+Example HTML code:
+<!-- Main view --> +<div id='main'> + Hello World! + <input type="button" value="Config" onclick="toMain(0);" /> +</div> +<!-- Main view ends --> +<!-- Config view --> +<div id='config'> + Your world is my world! + <input type="button" value="Main" onclick="toMain(1);" /> +</div> +<!-- Settings view ends -->+
Example JavaScript code:
+function toMain(main) {
+ // preparing for Transition
+ widget.prepareForTransition("fade");
+ if (main) { // switching from config view to the main view
+ // hide config view
+ document.getElementById("config").style.display = 'none';
+ // show main view
+ document.getElementById("main").style.display = 'block';
+ }
+ else { // switching from main view to config view
+ // hide main view
+ document.getElementById("main").style.display = 'none';
+ // show config view
+ document.getElementById("config").style.display = 'block';
+ }
+ // do the Transition to make the fade effect
+ widget.performTransition();
+}
+