JavaScript Programming

JavaScript > Code Examples

Add HTMLPane to tab Panel and load htmlfile



Add HTMLPane to tab Panel and load htmlfile

<html><head>
<title>Happy Codings :-) JavaScript - Learn Web Development</title>

  <SCRIPT>var isomorphicDir="isomorphic/";</SCRIPT>
    <SCRIPT SRC=isomorphic/system/modules/ISC_Core.js></SCRIPT>
    <SCRIPT SRC=isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
    <SCRIPT SRC=isomorphic/system/modules/ISC_Containers.js></SCRIPT>
    <SCRIPT SRC=isomorphic/system/modules/ISC_Grids.js></SCRIPT>
    <SCRIPT SRC=isomorphic/system/modules/ISC_Forms.js></SCRIPT>
    <SCRIPT SRC=isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
  <SCRIPT SRC=isomorphic/skins/standard/load_skin.js></SCRIPT>
</head><body bgcolor='papayawhip' MARGINHEIGHT=0 MARGINWIDTH=0 LEFTMARGIN=0 TOPMARGIN=0>
<TABLE WIDTH=100% CELLSPACING=0 CELLPADDING=5 BORDER=0><TR><TD CLASS=pageHeader BGCOLOR=WHITE>

  Dynamic Content Loading Example

</TD></TR></TABLE><TABLE WIDTH=100% CELLSPACING=0 CELLPADDING=0 BORDER=0><TR>
<TD BGCOLOR=336666><IMG SRC=images/blank.gif WIDTH=1 HEIGHT=4></TD></TR></TABLE>


<script>

isc.TabSet.create({
    top:40, width:400, height:250,
    tabs:[
        { title:"Tab1", 
          pane:isc.Canvas.create({ autoDraw:false, contents:"Contents of Tab1"} )
        },
        { title:"Tab2", 
          pane:isc.HTMLPane.create({
            autoDraw:false,
            contentsURL:"loaded_content.html",
            loadingMessage:"Loading HTML Content.."
          })
        }
    ]
});

</script>
</body>
</html>