SOURCE CODE: Basic HTML Swap

VIEW EXAMPLE




  Basic HTML Swap | JavaScript Examples | UIZE JavaScript Framework
  
  
  
  
  
  






UIZE JavaScript Framework

JAVASCRIPT EXAMPLES Basic HTML Swap

In this example, an instance of the Uize.Widget.Swap.Html class is wired up to a div in the document in order to provide a JavaScript animation transition effect when swapping out the HTML. Making the widget display new HTML with an accompanying transition effect is as simple as setting the widget's content state property. You can set the content state property to any HTML, including HTML containing images and complex layouts, although in this case the HTML is merely styles div tags. Use the buttons below to switch back and forth between different content.