SOURCE CODE: Basic HTML Swap

  
  
  
  
  
  
  







  
  UIZE JavaScript Framework



  

    JAVASCRIPT EXAMPLES
    Basic HTML Swap
    

      
SOURCE
    
  

  

  

    
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.