Return to Higher Math Capabilities page.



<%@ Page Language="vb" AutoEventWireup="false" Codebehind="CCXIsample.aspx.vb" Inherits="CCXIsample.WebForm1"%>

<%@ Register TagPrefix="cc1" Namespace="CCXI.CCXI_Table" Assembly="CCXI" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

      <HEAD>

            <title>CCXI Table Sample</title>

            <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">

            <meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">

            <meta content="JavaScript" name="vs_defaultClientScript">

            <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">

            <style>BODY { BACKGROUND-COLOR: #f0f0ff }

      FORM { BORDER-RIGHT: darkblue 2px solid; BORDER-TOP: darkblue 1px solid; BORDER-LEFT: darkblue 1px solid; BORDER-BOTTOM: darkblue 2px solid }

      FORM DIV { BORDER-RIGHT: lightblue 5px outset; PADDING-RIGHT: 10px; BORDER-TOP: lightblue 2px outset; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: lightblue 2px outset; PADDING-TOP: 10px; BORDER-BOTTOM: lightblue 5px outset; BACKGROUND-COLOR: white }

      TABLE { WIDTH: 90% }

      .linktd1 { COLOR: black; FONT-FAMILY: verdana; BACKGROUND-COLOR: #91b3ff }

      .linktd2 { COLOR: black; FONT-FAMILY: verdana; BACKGROUND-COLOR: #bbddff }

      .linktd3 { COLOR: black; FONT-FAMILY: verdana; BACKGROUND-COLOR: #7597e3 }

      .linktd4 { COLOR: black; FONT-FAMILY: verdana; BACKGROUND-COLOR: #9fc1ff }

      .clsFootActive { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px }

      .clsFootInactive { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px }

      .clsFootActive A { FONT-WEIGHT: bold; COLOR: blue }

      .clsFootInactive A { FONT-WEIGHT: normal; COLOR: gray }

            </style>

            <script language="javascript">

<!--

var gbUseFilter = false;

var giLinkSort = 0;

var gobjMouseOver;

var gstrLinkSortStatus = "Click to sort by 'Link'.";

 

function body_onload()

{

      EnableNextPrev();

}

 

function EnableNextPrev()

{

      if (ccxiPreviousPage(gobjCCXI_CCXItable1) <= 0)

      {

            ccxi_ns("tdFootPrev").className = "clsFootInactive";

      }

      else

      {

            ccxi_ns("tdFootPrev").className = "clsFootActive";

      }

     

      if (ccxiNextPage(gobjCCXI_CCXItable1) > ccxiLastPage(gobjCCXI_CCXItable1, gbUseFilter))

      {

            ccxi_ns("tdFootNext").className = "clsFootInactive";

      }

      else

      {

            ccxi_ns("tdFootNext").className = "clsFootActive";

      }

}

 

function SortLinks()

{

      if (giLinkSort == 0)

      {

            giLinkSort = 1;

           

            ccxiSortElements(gobjCCXI_CCXItable1, 'SiteName', false, gbUseFilter);

     

            gstrLinkSortStatus = "Click to reverse the sort.";

      }

      else if (giLinkSort == 1)

      {

            giLinkSort = 2;

 

            ccxiSortElements(gobjCCXI_CCXItable1, 'SiteName', true, gbUseFilter);

           

            gstrLinkSortStatus = "Click to revert to original order.";

      }

      else if (giLinkSort == 2)

      {

            giLinkSort = 0;

 

            ccxiSortElements(gobjCCXI_CCXItable1, '', null, gbUseFilter);

           

            gstrLinkSortStatus = "Click to sort by 'Link'.";

      }

 

      EnableNextPrev();

}

 

function PreviousPage()

{

      if (ccxi_ns("tdFootPrev").className == "clsFootInactive")return;

     

      ccxiFillRows(gobjCCXI_CCXItable1, ccxiPreviousPage(gobjCCXI_CCXItable1), gbUseFilter);

     

      EnableNextPrev();

}

 

function NextPage()

{

      if (ccxi_ns("tdFootNext").className == "clsFootInactive")return;

     

      ccxiFillRows(gobjCCXI_CCXItable1, ccxiNextPage(gobjCCXI_CCXItable1), gbUseFilter);

     

      EnableNextPrev();

}

 

function cxt(iNum)

{

      document.LMClickTrack.src="http://www.linksmanager.com/cgi-bin/lookup/click.cgi?userid=desktopfusion&id=" + iNum;

     

      return true;

}

 

//-->

            </script>

      </HEAD>

      <body onload="body_onload();">

            <form id="Form1" method="post" runat="server">

                  <div>

                        <h2>CCXItable Sample</h2>

                        <P>

                              <a href="http://www.highermath.com/ccxi.htm">

                                    <IMG style="MARGIN-TOP: 10px; MARGIN-LEFT: 20px; MARGIN-RIGHT: 20px" alt="CCXI XML Data Island Library: Save time and server resources"

                                                src="http://www.highermath.com/ccxi/ccxibanner.jpg">

                              </a>

                        </P>

                        <p>The following table demonstrates binding data from an XML data island to a

                              template to dynamically generate table rows. This page was created using the

                              CCXItable ASP.NET web control from Higher Math nnd Crile Carvey Consulting

                              (Copyright (C) 2004, all rights reserved. All trademarks are the property of

                              their respective owners.)</p>

                        <p>You may redistribute this sample to demonstrate the capabilities of the web

                              control, but we ask that you do not alter the contents of the table in any way.</p>

                        <p>For more information, please visit <a href="http://www.highermath.com/ccxi.htm">our

                                    web site</a>.</p>

                        <br>

                        <cc1:ccxitable id="CCXItable1" runat="server" DataIslandUrl="testdata.htm" CellPadding="4">

                              <FooterStyle BackImageUrl="" Font-Bold="True"></FooterStyle>

                              <BodyRows>

                                    <asp:TableRow Height="50px">

                                          <asp:TableCell Font-Size="Small" Text="&lt;B&gt;&lt;A href=&quot;%%URL%%&quot; onclick='cxt(%%LinkID%%);' target=_blank&gt;%%SiteName%%&lt;/A&gt;&lt;/B&gt;"

                                                CssClass="linktd1"></asp:TableCell>

                                          <asp:TableCell Font-Size="X-Small" Text="%%Description%%" CssClass="linktd2"></asp:TableCell>

                                    </asp:TableRow>

                                    <asp:TableRow Height="50px">

                                          <asp:TableCell Font-Size="Small" Text="&lt;B&gt;&lt;A href=&quot;%%URL%%&quot; onclick='cxt(%%LinkID%%);' target=_blank&gt;%%SiteName%%&lt;/A&gt;&lt;/B&gt;"

                                                CssClass="linktd4"></asp:TableCell>

                                          <asp:TableCell Font-Size="X-Small" Text="%%Description%%" CssClass="linktd3"></asp:TableCell>

                                    </asp:TableRow>

                                    <asp:TableRow Height="50px">

                                          <asp:TableCell Font-Size="Small" Text="&lt;B&gt;&lt;A href=&quot;%%URL%%&quot; onclick='cxt(%%LinkID%%);' target=_blank&gt;%%SiteName%%&lt;/A&gt;&lt;/B&gt;"

                                                CssClass="linktd2"></asp:TableCell>

                                          <asp:TableCell Font-Size="X-Small" Text="%%Description%%" CssClass="linktd1"></asp:TableCell>

                                    </asp:TableRow>

                                    <asp:TableRow Height="50px">

                                          <asp:TableCell Font-Size="Small" Text="&lt;B&gt;&lt;A href=&quot;%%URL%%&quot; onclick='cxt(%%LinkID%%);' target=_blank&gt;%%SiteName%%&lt;/A&gt;&lt;/B&gt;"

                                                CssClass="linktd3"></asp:TableCell>

                                          <asp:TableCell Font-Size="X-Small" Text="%%Description%%" CssClass="linktd4"></asp:TableCell>

                                    </asp:TableRow>

                              </BodyRows>

                              <BodyStyle BackImageUrl=""></BodyStyle>

                              <HeaderStyle BackImageUrl="" Font-Bold="True"></HeaderStyle>

                              <HeaderRows>

                                    <asp:TableRow>

                                          <asp:TableCell Text="&lt;A onmousemove=&quot;window.status = gstrLinkSortStatus;&quot; onmouseout=&quot;window.status='';&quot; href=&quot;javascript:SortLinks();&quot;&gt;Link&lt;/A&gt;"></asp:TableCell>

                                          <asp:TableCell Text="Description"></asp:TableCell>

                                    </asp:TableRow>

                              </HeaderRows>

                              <FooterRows>

                                    <asp:TableRow>

                                          <asp:TableCell HorizontalAlign="Left" Text="&lt;A onmousemove=&quot;window.status = 'View the previous page of links';&quot; onmouseout=&quot;window.status='';&quot; href=&quot;javascript:PreviousPage();&quot;&gt;Previous&lt;/A&gt;"

                                                CssClass="clsFootActive" ID="tdFootPrev"></asp:TableCell>

                                          <asp:TableCell HorizontalAlign="Right" Text="&lt;A onmousemove=&quot;window.status = 'View the next page of links';&quot; onmouseout=&quot;window.status='';&quot; href=&quot;javascript:NextPage();&quot;&gt;Next&lt;/A&gt;"

                                                CssClass="clsFootActive" ID="tdFootNext"></asp:TableCell>

                                    </asp:TableRow>

                              </FooterRows>

                        </cc1:ccxitable><br>

                  </div>

            </form>

            <div style="DISPLAY: none; VISIBILITY: hidden"><img height="1" src="http://www.linksmanager.com/1x1.gif" width="1" name="LMClickTrack">&nbsp;

            </div>

      </body>

</HTML>