title: C# Parsing JSP webpage?
body: <p>How to parse this site?</p>
  
  <p>It looks like HTML but actually, it is a java web page JSP.</p>
  
  <p><a href="http://www.pse.com.ph/stockMarket/marketInfo-marketActivity.html?tab=0" rel="nofollow noreferrer">StockMarketSite</a></p>
  
  <p><strong>Updated:</strong> The data is loaded into the page by the Javascript. HTML Agility Pack only sees the page before the data is loaded so it cannot retrieve the data for you.</p>
  
  <p>You can see this by going to the page then doing a View Page Source. The PSEi data isn't present in the HTML. It is only loaded later by the Javascript.</p>
  
  <p>You need something that executes the Javascript on the page in order to get at the data.</p>
  
  <p><a href="http://www.pse.com.ph/stockMarket/marketInfo-marketActivity.html?tab=0" rel="nofollow noreferrer">http://www.pse.com.ph/stockMarket/marketInfo-marketActivity.html?tab=0</a></p>
  
  <p>Needed to GET the PSEI data only. Been using HTML Agility Pack (But it is JSP file not HTML).</p>
  
  <p>Here is my code:</p>
  
  <pre><code>HtmlWeb web = new HtmlWeb();
  
  var doc = await Task.Factory.StartNew(() =&gt; web.Load("http://www.pse.com.ph/stockMarket/marketInfo-marketActivity.html?tab=0"));
  
  var nodes = doc.DocumentNode.SelectNodes("//*[@id=\"ext - gen311\"]//div//table//tr//td//div//a");
  
  var innertext = nodes.Select(node =&gt; node.InnerText);
  </code></pre>
  
  <p>It Returns me:</p>
  
  <pre><code>Cannot load a null value.
  </code></pre>
  
  <p>Document Node:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>   &lt;ul class="sideMenuMain"&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="pseCorporateGovernance.html?ref=guidelines"&gt;Guidelines for Listed Companies&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="pseCorporateGovernance.html?ref=bellAwards"&gt;The PSE Bell Awards&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem" style="border-bottom:0px"&gt;&lt;a href="pseCorporateGovernance.html?ref=scoreCard"&gt;ASEAN CG Scorecard&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
    &lt;/div&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="/corporate/corporateGovernance.html?tab=0"&gt;Corporate Governance at PSE&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
    
  &lt;div id="newsNAnn" class="x-hidden"&gt;
   &lt;ul class="sideMenuMain"&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="pressRoom.html"&gt;Press Room&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="circulars.html"&gt;PSE Circulars&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="announcements.html"&gt;Announcements&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="marketInfo" class="x-hidden"&gt;
   &lt;ul class="sideMenuMain"&gt;
    &lt;div id="marketInfo-marketActivity" class="x-hidden"&gt;
     &lt;ul class="sideMenuMain"&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="marketInfo-marketActivity.html?tab=0"&gt;Composite &amp;amp; Sector Indices&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="marketInfo-marketActivity.html?tab=1"&gt;Indices Composition&lt;/a&gt;&lt;/li&gt;
      &lt;!--li class="sideMenuSubItem"&gt;&lt;a href="marketInfo-marketActivity.html?tab=2"&gt;Charts&lt;/a&gt;&lt;/li--&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="marketInfo-marketActivity.html?tab=2"&gt;Most Active&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="marketInfo-marketActivity.html?tab=3"&gt;Advances/Declines&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="marketInfo-marketActivity.html?tab=4"&gt;Market Reports&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem" style="border-bottom:0px"&gt;&lt;a href="marketInfo-marketActivity.html?tab=5"&gt;Index History&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
    &lt;/div&gt;
  
    &lt;div id="marketInfo-globalMarkets" class="x-hidden"&gt;
     &lt;ul class="sideMenuMain"&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="marketInfo-globalMarkets.html?tab=0"&gt;Market Indices&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="marketInfo-globalMarkets.html?tab=1"&gt;FTSE ASEAN Indices&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="marketInfo-globalMarkets.html?tab=2"&gt;Historical Index&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="marketInfo-globalMarkets.html?tab=3"&gt;Foreign Quotations&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem" style="border-bottom:0px"&gt;&lt;a href="marketInfo-globalMarkets.html?tab=4"&gt;Currency Rates&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
    &lt;/div&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="fundsView.html?method=getFundView"&gt;Funds&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="content.html?sec=MARKET_WATCH_CONTENTS"&gt;Weekly Market Watch&lt;/a&gt;&lt;/li&gt;
  &lt;!--  &lt;li class="sideMenuItem"&gt;&lt;a href="marketInfo-shortsell.html?method=viewShortsell"&gt;Shortsell Reports&lt;/a&gt;&lt;/li&gt; --&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="listNDisc" class="x-hidden"&gt;
   &lt;ul class="sideMenuMain"&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="listedCompanyDirectory.html"&gt;Listed Company Directory&lt;/a&gt;&lt;/li&gt;
    &lt;!-- li class="sideMenuItem"&gt;&lt;a href="companyInfo.html?tab=0"&gt;Company Information&lt;/a&gt;&lt;/li--&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="newListingsIpo.html"&gt;New Listings/IPO&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="disclosures.html"&gt;Corporate Disclosures&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="dividendRights.html"&gt;Dividends/Rights&lt;/a&gt;&lt;/li&gt;
    &lt;!-- li class="sideMenuItem"&gt;&lt;a href="watchList.html"&gt;Watchlist&lt;/a&gt;&lt;/li--&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="changeCorporateNameMain.html"&gt;Change in Corporate Name/Delisted&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="prodNServices" class="x-hidden"&gt;
   &lt;ul class="sideMenuMain"&gt;
    &lt;div id="prodNServices-ETF" class="x-hidden"&gt;
     &lt;ul class="sideMenuMain"&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="exchangeTradedFund.html?tab=0"&gt;Overview&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="exchangeTradedFund.html?tab=1"&gt;FAQs&lt;/a&gt;&lt;/li&gt;
       &lt;li class="sideMenuSubItem"&gt;&lt;a href="exchangeTradedFund.html?tab=2"&gt;List of ETFs&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="exchangeTradedFund.html?tab=3"&gt;Downloads&lt;/a&gt;&lt;/li&gt;
  &lt;!--     &lt;li class="sideMenuSubItem"&gt;&lt;a href="exchangeTradedFund.html?tab=4"&gt;Related Links&lt;/a&gt;&lt;/li&gt; --&gt;
       &lt;li class="sideMenuSubItem" style="border-bottom:0px"&gt;&lt;a href="exchangeTradedFund.html?tab=4"&gt;Market Makers&lt;/a&gt;&lt;/li&gt;
  &lt;!--     &lt;li class="sideMenuSubItem" style="border-bottom:0px"&gt;&lt;a href="exchangeTradedFund.html?tab=5"&gt;ETF Training Schedule&lt;/a&gt;&lt;/li&gt; --&gt;
     &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="prodNServices-Shariah" class="x-hidden"&gt;
     &lt;ul class="sideMenuMain"&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="shariah.html?tab=0"&gt;Overview&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="shariah.html?tab=1"&gt;Methodology&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="shariah.html?tab=2"&gt;Shariah Compliant Securities&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem" style="border-bottom:0px"&gt;&lt;a href="shariah.html?tab=3"&gt;Downloads&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
    &lt;/div&gt;
  
  
    &lt;div id="dollarDenominatedSecurities-dds" class="x-hidden"&gt;
     &lt;ul class="sideMenuMain"&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="dollarDenominatedSecurities.html?tab=0"&gt;Overview&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="dollarDenominatedSecurities.html?tab=1"&gt;Rules&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem" style="border-bottom:0px"&gt;&lt;a href="dollarDenominatedSecurities.html?tab=2"&gt;Presentations&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
    &lt;/div&gt;
  
  
  &lt;!--
    &lt;div id="prodNServices-Shortsell" class="x-hidden"&gt;
     &lt;ul class="sideMenuMain"&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="marketDataProducts-shortsell.html?tab=0"&gt;Overview&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="marketDataProducts-shortsell.html?tab=1"&gt;Rules&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem"&gt;&lt;a href="marketDataProducts-shortsell.html?tab=2"&gt;Q &amp; A&lt;/a&gt;&lt;/li&gt;
      &lt;li class="sideMenuSubItem" style="border-bottom:0px"&gt;&lt;a href="marketDataProducts-shortsell.html?tab=3"&gt;Eligible Security&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
    &lt;/div&gt;
  --&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="/SBL" target="_blank"&gt;Securities Borrowing and Lending&lt;/a&gt;&lt;/li&gt;
    &lt;!-- li class="sideMenuItem"&gt;&lt;a href="/portfolio/index.jsp" target="_blank"&gt;My Portfolio&lt;/a&gt;&lt;/li--&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="/REIT" target="_blank"&gt;Real Estate Investment Trust&lt;/a&gt;&lt;/li&gt;
    &lt;!-- li class="sideMenuItem"&gt;&lt;a href="myPortfolio.html?tab=0"&gt;My Portfolio&lt;/a&gt;&lt;/li&gt;--&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="marketDataProducts.html?tab=0"&gt;Data Products&lt;/a&gt;&lt;/li&gt;
  &lt;!--  &lt;li class="sideMenuItem"&gt;&lt;a href="marketDataProducts-shortsell.html"&gt;Shortsell&lt;/a&gt;&lt;/li&gt; --&gt;
  &lt;!-- &lt;li class="sideMenuItem"&gt;&lt;a href="tradingProducts.html?tab=0"&gt;Trading Products&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="pseBusinessCentre.html?tab=0"&gt;PSE Business Centre&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="underConstruction.html"&gt;E-Wallet&lt;/a&gt;&lt;/li--&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="onlineSys" class="x-hidden"&gt;
   &lt;ul class="sideMenuMain"&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="https://csd.sccp.com.ph" target="_blank"&gt;SCCP - CSD&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="https://cch.sccp.com.ph" target="_blank"&gt;SCCP - CCH&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="https://www.pse.ph" target="_blank"&gt;iPSE&lt;/a&gt;&lt;/li&gt;
    &lt;!-- li class="sideMenuItem"&gt;&lt;a href="https://odisy.pse.ph/j2ee/odisy/index.jsp" target="_blank"&gt;ODiSy&lt;/a&gt;&lt;/li--&gt;
    &lt;!--&lt;li class="sideMenuItem"&gt;&lt;a href="http://www.pse.ph/html/STG/index.html" target="_blank"&gt;Stock Trading Games&lt;/a&gt;&lt;/li&gt;--&gt;
    &lt;!-- li class="sideMenuItem"&gt;&lt;a href="http://www.pse.ph/sbl/index.html" target="_blank"&gt;Security Lending Program&lt;/a&gt;&lt;/li--&gt;
    &lt;!-- li class="sideMenuItem"&gt;&lt;a href="/nts/index.htm" target="_blank"&gt;PSETrade Update Website &lt;/a&gt;&lt;/li&gt; --&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="/xts/index.htm" target="_blank"&gt;PSETrade Update Website &lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="/PSETradex" target="_blank"&gt;PSETradex &lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="pseRulesNReg" class="x-hidden"&gt;
   &lt;ul class="sideMenuMain"&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="listedCompaniesRules.html?tab=0"&gt;Listed Companies&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="tradingParticipantRules.html?tab=0"&gt;Trading Participants&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="tradingProductsRules.html?tab=0"&gt;Trading Products&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem"&gt;&lt;a href="amla.html?tab=0"&gt;Anti-Money Laundering&lt;/a&gt;&lt;/li&gt;
    &lt;li class="sideMenuItem" style="border-bottom:#591422 solid 1px "&gt;&lt;a href="indexRules.html?tab=0"&gt;Index&lt;/a&gt;&lt;/li&gt;
  &lt;!--  &lt;li class="sideMenuItem"&gt;&lt;a href="publicRules.html"&gt;Public&lt;/a&gt;&lt;/li&gt;--&gt;
    &lt;!-- li class="sideMenuItem"&gt;&lt;a href="underConstruction.html"&gt;Clearing and Settlement&lt;/a&gt;&lt;/li--&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  &lt;!--&lt;div id="aseanLogo" class="x-hide-display" &gt;&lt;a href="http://www.aseanexchanges.com" target="_blank"&gt;&lt;img src="/styles/pse/images/aseanExchangesLogo177.jpg"/&gt;&lt;/a&gt;&lt;/div&gt;--&gt;
  
  &lt;script type="text/javascript"&gt;
  var internalSideMenu = new Ext.Panel({
       region: 'center',
       layout:'accordion',
       border: false,
       //activeItem: 1,
       defaults: {
           // applied to each contained panel
    
       },
       layoutConfig: {
           // layout-specific configs go here
           hideCollapseTool: false,
           titleCollapse: false,
           animate: true
       },
       items: [{
           title: 'About PSE',
           hideCollapseTool: true,
           titleCollapse: true,
           collapsed:true,
           listeners: {
            'beforeexpand' : {
             fn: function() {
  //            window.location = '/stockMarket/home.html';
              window.open('/corporate/home.html?tab=0');
              return false;
             }
            }
           }
       },{
           title: 'Governance',
           titleCollapse: true,
           collapsed:true,
     //
           contentEl: 'governanceTab-Main',
           autoHeight:true,
     cls:'accordion-link',
           items: [{
            xtype: 'panel',
            layout:'accordion',
            border: false,
  //       cls:'no-background-image',
         defaults: {
             // applied to each contained panel
             bodyStyle: 'padding:5px; background-color: #FFFEFF; border:1px solid #591422;',
             cls:'no-background-image'
         },
         layoutConfig: {
             // layout-specific configs go here
             hideCollapseTool: false,
             titleCollapse: false,
             animate: true
         },
         items: [{
             title: '&lt;a style= "color: #444444"&gt;Market Governance&lt;/a&gt;',
             titleCollapse: true,
       collapsed:true,
             collapsed:false,
             autoWidth: true,
             autoHeight: true,
             contentEl: 'governanceTab'
         }]
           }]
       },{
        id: 'newsNAnn',
           title: 'News &amp; Announcements',
           titleCollapse: true,
           contentEl: 'newsNAnn',
           collapsed:true,
           //
           autoHeight:true,
     cls:'accordion-link'
       },{
           title: 'Market Information',
           titleCollapse: true,
     collapsed:true,
           //
           collapsed:false,
           //
           contentEl: 'marketInfo',
     cls:'accordion-link',
           autoHeight:true,
           items: [{
            xtype: 'panel',
            layout:'accordion',
            border: false,
  //       cls:'no-background-image',
         defaults: {
             // applied to each contained panel
             bodyStyle: 'padding:5px; background-color: #FFFEFF; border:1px solid #591422;',
             cls:'no-background-image'
         },
         layoutConfig: {
             // layout-specific configs go here
             hideCollapseTool: false,
             titleCollapse: false,
             animate: true
         },
         items: [{
             title: '&lt;a href="marketInfo-marketActivity.html?tab=0" style= "color: #444444"&gt;Market Activity&lt;/a&gt;',
             titleCollapse: true,
       collapsed:true,
             //
             collapsed:false,
             //
             autoWidth: true,
             autoHeight: true,
             contentEl: 'marketInfo-marketActivity'
         },{
             title: '&lt;a href="marketInfo-globalMarkets.html" style= "color: #444444"&gt;Global Markets&lt;/a&gt;',
             titleCollapse: true,
       collapsed:true,
             //
             autoWidth: true,
             autoHeight: true,
             contentEl: 'marketInfo-globalMarkets'
         }]
           }]
       },{
           title: 'Listings &amp; Disclosures',
           titleCollapse: true,
           collapsed:true,
           //
           contentEl: 'listNDisc',
           autoHeight:true,
     cls:'accordion-link'
       }
    ,{
           title: 'Products &amp; Services',
           titleCollapse: true,
           collapsed:true,
     //
           contentEl: 'prodNServices',
           autoHeight:true,
     cls:'accordion-link',
           items: [{
            xtype: 'panel',
            layout:'accordion',
            border: false,
  //       cls:'no-background-image',
         defaults: {
             // applied to each contained panel
             bodyStyle: 'padding:5px; background-color: #FFFEFF; border:1px solid #591422;',
             cls:'no-background-image'
         },
         layoutConfig: {
             // layout-specific configs go here
             hideCollapseTool: false,
             titleCollapse: false,
             animate: true
         },
         items: [{
             title: '&lt;a href="exchangeTradedFund.html?tab=0" style= "color: #444444"&gt;Exchange Traded Fund&lt;/a&gt;',
             titleCollapse: true,
       collapsed:true,
             //
             autoWidth: true,
             autoHeight: true,
             contentEl: 'prodNServices-ETF'
         },{
             title: '&lt;a href="shariah.html?tab=0" style= "color: #444444"&gt;Shariah&lt;/a&gt;',
             titleCollapse: true,
       collapsed:true,
             //collapsed:false,
             autoWidth: true,
             autoHeight: true,
             contentEl: 'prodNServices-Shariah'
         },{
             title: '&lt;a href="dollarDenominatedSecurities.html?tab=0" style= "color: #444444"&gt;Dollar Denominated Securities&lt;/a&gt;',
             titleCollapse: true,
       collapsed:true,
             //collapsed:false,
             autoWidth: true,
             autoHeight: true,
             contentEl: 'dollarDenominatedSecurities-dds'
            }]
           }]
       }
  
                 { xtype:'label', 
          html:'&lt;br/&gt;'
         },
         { 
          xtype: 'pseCalendar'
         },
      /*   //{
               //  xtype:'panel',
         //  border: false,
               //  id: 'bullrunPoster_logos',
                  //    name: 'bullrunPoster_logos',
                  //   html: '&lt;a href="/resource/memos/2015/MEA_2015-0010.pdf" target="_blank"&gt;&lt;img src="/resource/staticcontent/images/Bull Run 2015 Official Poster.png" align="top" width="100%"/&gt;&lt;/a&gt;&lt;br&gt;'
         //},*/
         {
             xtype:'panel',
          border: false,
                id: 'subsidiaryPoster',
                      name: 'subsidiaryPoster',
                      html: '&lt;img src="/resource/subsidiary-icon.jpg" align="top" width="100%"/&gt;'
         },
         { xtype:'label', 
          html:'&lt;br/&gt;'
         },
         {
             xtype:'panel',
          border: false,
                id: 'subsidiaryPoster_logos',
                      name: 'subsidiaryPoster_logos',
                      html: '&lt;a href="http://www.sccp.com.ph" target="_blank"&gt;&lt;img src="/resource/sccp-homeicon.jpg" align="top" width="50%"/&gt;&lt;/a&gt;&lt;a href="http://www.cmic.com.ph" target="_blank"&gt;&lt;img src="/resource/cmic-homeicon.jpg" align="top" width="50%"/&gt;&lt;/a&gt;'
         }
         ,{
             xtype:'panel',
          border: false,
                id: 'infographics',
                     name: 'infographics',
                     html: '&lt;a href="/resource/2Q17_v4.pdf" target="_blank"&gt;&lt;img src="/resource/2Q17_v4.PNG" align="top" width="100%"/&gt;&lt;br&gt;&lt;br&gt;'
         }
  
         ,{
             xtype:'panel',
          border: false,
                id: 'futsal',
                   name: 'futsal',
                  html: '&lt;a href="/resource/stockmarketinvestorprofile/Stock_Market_Investor_Profile_2016_final.pdf" target="_blank"&gt;&lt;img src="/resource/stockmarketinvestorprofile/file/SMIP_2016.PNG" align="top" width="100%"/&gt;&lt;br&gt;&lt;br&gt;'
         }
  /*
         ,{
                xtype:'panel',
          border: false,
                id: 'bellAwards',
                     name: 'bellAwards',
                      html: '&lt;a href="/corporate/bellAwards.html?yr=2015" target="_blank"&gt;&lt;img src="/resource/bellAwards/images/2015 Bell Awards Banner design-PSE web-academy.jpg" align="top" width="100%"/&gt;&lt;br&gt;&lt;br&gt;'
         }
  */
  
        ]
            }
    ]
   });
   
   function showProfile(profile, name) {
    if(profile == ''){
     profile = '&lt;i&gt;Not available.&lt;/i&gt;'
    }
    var profileWindow = new Ext.Window({
     title: name,
     width: 550,
     height: 934,
     scrollable: true,
     layout: 'fit',
     items: [{
       xtype: 'panel',
       border: false,
       bodyStyle: 'padding: 10px;text-align:justify',
       html: '&lt;center&gt;&lt;img src="'+profile+'" width="500px"/&gt;&lt;/center&gt;'
       }],
     modal: true
    });
    profileWindow.show();
   }
  &lt;/script&gt;
  
  
  &lt;style type="text/css"&gt;
   /*
    * indices tab style override
    */
    .x-grid3-header-offset {width:100% !important;}
    .x-grid3-header-inner {width:100% !important;} 
   .x-grid3-row {width:100% !important;}
   .x-grid3 table {
       width: 100% !important;
   }
   span.x-tab-strip-inner  {
    padding-top:2px;
    padding-right:8px;
    padding-bottom:0px;
    padding-left:0px;
   }
   .x-grid3-row-table {
    padding-bottom:4px;
   }
  
  &lt;/style&gt;
  
  &lt;div id='border-panel' style="padding:0px;margin:5px"&gt;
  &lt;div id='navbar'&gt;&lt;h6&gt;&lt;a href="home.html"&gt;Home&lt;/a&gt; / &lt;a href="#"&gt;Market Info&lt;/a&gt; / Market Activity&lt;/h6&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="middleColumnCom"&gt;
  &lt;div id='marketActivityDetails'&gt;
  
  As of July 24, 2017 03:20:00 PM
  
  &lt;/div&gt;
  &lt;/div&gt;
   
  &lt;script type="text/javascript"&gt;
  Ext.onReady(function(){
   Ext.QuickTips.init();
  
      var p = new Ext.Panel({
       layout:'column',
       border: false,
    autoHeight: true,
       bodyBorder: false,
       width: 950,
       defaults: {
     collapsible: false,
           split: false,
     animFloat: false,
     autoHide: false
    },
       items: [{
        autoHeight: true,
           columnWidth: 0.2,
        border: false,
        bodyBorder: false,
        style: 'margin: 0 10px 0 0',
        items: [sideMenu]
       },{
        autoHeight: true,
           columnWidth: 0.8,
        border: false,
        bodyBorder: false,
        bodyStyle: 'padding: 10px',
      contentEl: 'middleColumnCom'  
       }],
    renderTo: 'border-panel'
   });
   
   var tabs = new Ext.TabPanel({
    //
    activeTab : '0',
    //
    // 
       height: 600,
    autoHeight: true,
    plain:true,
       items:[{
        autoHeight: true,
        title:'Composite &amp;amp; Sector Indices',
     autoLoad: {
            url: 'marketInfo-marketActivity-compositesAndSectorIndices.html?ajax=true&amp;method=viewCompositesAndSectorIndices',
            method: 'GET', 
            scripts: true
           }
       },{ 
        autoHeight: true,
        title:'Indices Composition',
     autoLoad: {
      url: 'marketInfo-marketActivity-indicesComposition.html?method=viewIndicesComposition',
      params: '&amp;ajax=true&amp;indexName=',
            method: 'GET', 
            scripts: true
           }
       }
  //disabled: feature not yet available
  //  ,{
  //      autoHeight: true,
  //      title:'Charts',
  //   autoLoad: {
  //          url: 'marketInfo-marketActivity-charts.html?ajax=true',
  //          method: 'GET', 
  //          scripts: true
  //         }
  //     }
    ,{ 
        autoHeight: true,
        title:'Most Active',
     autoLoad: {
            url: 'marketInfo-marketActivity-mostActive.html?ajax=true',
            method: 'GET', 
            scripts: true
           }
       },{
        autoHeight: true,
           title:'Advances/Declines',
     autoLoad: {
            url: 'marketInfo-marketActivity-advancesDeclines.html?ajax=true',
            method: 'GET', 
            scripts: true
           }
          },{
           autoHeight: true,
           title:'Market Reports',
     autoLoad: {
            url: 'marketInfo-marketActivity-marketReports.html?ajax=true&amp;method=viewMarketReports',
            method: 'GET', 
            scripts: true
           }
          },{
           autoHeight: true,
           title:'Index History',
     autoLoad: {
            url: 'marketInfo-marketActivity-historicalData.html?ajax=true&amp;method=viewIndexHistory',
      params: 'ajax=true&amp;sector=ALL',
            method: 'GET', 
            scripts: true
           }
          }],
       renderTo: 'marketActivityDetails'
   });
  });
  
  &lt;/script&gt;
  
  
              &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>