类似于属性页的功能

最新推荐文章于 2021-04-16 15:20:05 发布

net_boy

最新推荐文章于 2021-04-16 15:20:05 发布

阅读量403

点赞数

分类专栏： .NET 1.1 C# Visual Studio 2003 文章标签： textbox class server asp button border

本文链接：https://blog.csdn.net/net_boy/article/details/1409190

版权

.NET 1.1 C# Visual Studio 2003 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
  <title>高级搜索</title>
  <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
  <meta content="C#" name="CODE_LANGUAGE">
  <meta content="JavaScript" name="vs_defaultClientScript">
  <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
    <script language="javascript">
/*
功能：这里的脚本主要用于控制查询样式，及要显示的查询条件
创建人：徐明
创建日期：2006-11-23
修改人：徐明
修改日期：2006-11-23
版本：1.1
*/

//当前选择查询类型的ID 产品为1 店铺为2 商城为3
var CurID = 1;

//单击选择查询类型时控制标题式及内容样式
function ShowHiden(idIndex)
{
switch (idIndex)
{
  case 1:
   {
    CurID = 1;
    SearchProduct.attributes["class"].value = 'clsTDSelected';
    SearchEnterprise.attributes["class"].value = 'clsTDMouseOut';
    SearchBusiness.attributes["class"].value = 'clsTDMouseOut';
    SearchProductCondition.style.display = '';
    SearchEnterpriseCondition.style.display = 'none';
    SearchBusinessCondition.style.display = 'none';
    break;
   }
  case 2:
   {
    CurID = 2;
    SearchProduct.attributes["class"].value = 'clsTDMouseOut';
    SearchEnterprise.attributes["class"].value = 'clsTDSelected';
    SearchBusiness.attributes["class"].value = 'clsTDMouseOut';
    SearchProductCondition.style.display = 'none';
    SearchEnterpriseCondition.style.display = '';
    SearchBusinessCondition.style.display = 'none';
    break;
   }
  case 3:
   {
    CurID = 3;
    SearchProduct.attributes["class"].value = 'clsTDMouseOut';
    SearchEnterprise.attributes["class"].value = 'clsTDMouseOut';
    SearchBusiness.attributes["class"].value = 'clsTDSelected';
    SearchProductCondition.style.display = 'none';
    SearchEnterpriseCondition.style.display = 'none';
    SearchBusinessCondition.style.display = '';
    break;
   }
}
}

//鼠标在标题上时的样式
function MouseOver(idIndex)
{
switch (idIndex)
{
  case 1:
   {
    SearchProduct.attributes["class"].value = 'clsTDMouseOver';
    //SearchEnterpriseCondition.style.class = 'clsTDMouseOut';
    //SearchBusinessCondition.style.class = 'clsTDMouseOut';
    break;
   }
  case 2:
   {
    //SearchProduct.style.class = 'clsTDMouseOut';
    SearchEnterprise.attributes["class"].value = 'clsTDMouseOver';
    //SearchBusinessCondition.style.class = 'clsTDMouseOut';
    break;
   }
  case 3:
   {
    //SearchProduct.style.class = 'clsTDMouseOut';
    //SearchEnterpriseCondition.style.class = 'clsTDMouseOver';
    SearchBusiness.attributes["class"].value = 'clsTDMouseOver';
    break;
   }
}
}

//鼠标不在标题时的样式
function MouseOut(idIndex)
{
switch (idIndex)
{
  case 1:
   {
    if(CurID!=1)
     SearchProduct.attributes["class"].value = 'clsTDMouseOut';
    else
     SearchProduct.attributes["class"].value = 'clsTDSelected';
    //SearchEnterpriseCondition.style.class = '';
    //SearchBusinessCondition.style.class = '';
    break;
   }
  case 2:
   {
    //SearchProduct.style.class = '';
    if(CurID!=2)
     SearchEnterprise.attributes["class"].value = 'clsTDMouseOut';
    else
     SearchEnterprise.attributes["class"].value = 'clsTDSelected';
    //SearchBusinessCondition.style.class = '';
    break;
   }
  case 3:
   {
    //SearchProduct.style.class = '';
    //SearchEnterpriseCondition.style.class = 'clsTDMouseOut';
    if(CurID!=3)
     SearchBusiness.attributes["class"].value = 'clsTDMouseOut';
    else
     SearchBusiness.attributes["class"].value = 'clsTDSelected';
    break;
   }
}
}

//窗体初始化时
function load()
{
CurID = 1;
ShowHiden(1);
MouseOver(1);
}
  </script>
  <STYLE type="text/css">.clsTD { BORDER-RIGHT: black 0px; BORDER-TOP: black 0px; FONT-SIZE: 12px; BORDER-LEFT: #000000 0px; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: black 0px; FONT-FAMILY: " TEXT-DECORATION: none; 宋体: }
.clsTDSelected { BORDER-RIGHT: white 0px; BORDER-TOP: white 0px; FONT-SIZE: 12px; BORDER-LEFT: #000000 0px; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: white 0px; FONT-FAMILY: " BACKGROUND-COLOR: white; TEXT-DECORATION: none; 宋体: }
.clsTDMouseOver { BORDER-RIGHT: white 0px; BORDER-TOP: white 0px; FONT-SIZE: 12px; BORDER-LEFT: #000000 0px; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: white 0px; FONT-FAMILY: " BACKGROUND-COLOR: white; TEXT-DECORATION: none; 宋体: }
.clsTDMouseOut { BORDER-RIGHT: white 0px; BORDER-TOP: white 0px; FONT-SIZE: 12px; BORDER-LEFT: #000000 0px; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: white 0px; FONT-FAMILY: " TEXT-DECORATION: none; 宋体: }
  </STYLE>
   </HEAD>
<body οnlοad="load()" MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
      <table cellSpacing="0" cellPadding="0" width="741" align="center" border="0">
    <tr>
     <td height="31">
      <table cellSpacing="0" cellPadding="0" width="96%" border="0">
       <tr>
        <td>
         <table cellSpacing="0" cellPadding="2" width="741" align="center" border="0">
           <tr>
           <td background="images/j-3-1.gif" colSpan="2" height="25">
            <table border="0">
             <tr>
              <td><font class="shenhuang">请选择方式搜索：</font>
              </td>
              <td class="clsTD" id="SearchProduct" οnmοuseοver="MouseOver(1)" style="CURSOR: hand"
               οnclick="ShowHiden(1)" οnmοuseοut="MouseOut(1)">搜索产品
              </td>
              <td class="clsTD" id="SearchEnterprise" οnmοuseοver="MouseOver(2)" style="CURSOR: hand"
               οnclick="ShowHiden(2)" οnmοuseοut="MouseOut(2)">搜索店铺
              </td>
              <td class="clsTD" id="SearchBusiness" οnmοuseοver="MouseOver(3)" style="CURSOR: hand"
               οnclick="ShowHiden(3)" οnmοuseοut="MouseOut(3)">搜索商城
              </td>
             </tr>
            </table>
           </td>
          </tr>
          <tr id="SearchProductCondition">
           <td align="center" width="106" height="108"><IMG height="42" alt="" src="images/search_icon.gif" width="39"></td>
           <td width="627"><span class="cuhong">产品搜索字段：</span>
            <UL>
             <LI>
              关键词：
              <asp:textbox id="txtProductKey" runat="server" Width="120px"></asp:textbox>
             <LI>
              分        类1：
              <asp:dropdownlist id="ddlProductCategoryFirst" runat="server">
              <asp:ListItem Value="" Selected=True>请选择</asp:ListItem>
              </asp:dropdownlist>分       
              类2：
              <asp:dropdownlist id="ddlProductCategorySecond" runat="server">
              <asp:ListItem Value="" Selected=True>请选择</asp:ListItem>
              </asp:dropdownlist>分       
              类3：
              <asp:dropdownlist id="ddlProductCategoryThird" runat="server">
              <asp:ListItem Value="" Selected=True>请选择</asp:ListItem>
              </asp:dropdownlist><asp:listbox id="ddlProductCategorySecond1" runat="server" Width="200px" Height="128px" SelectionMode="Multiple"
               Visible="False"></asp:listbox><SELECT id="aa" style="display:none">
               <OPTION selected></OPTION>
              </SELECT>
             <LI>
              品        牌：
              <asp:textbox id="txtProductBrand" runat="server" Width="120px"></asp:textbox>
             <LI>
              价格范围：
              <asp:textbox id="txtProductPriceFrom" runat="server" Width="48px"></asp:textbox>至
              <asp:textbox id="txtProductPriceTo" runat="server" Width="48px"></asp:textbox></LI></UL>
            <P><FONT face="宋体">          </FONT>
             <asp:button id="btnProductOK" runat="server" Text="确定"></asp:button><asp:button id="btnProductReset" runat="server" Text="重置"></asp:button></P>
            </td>
          </tr>
          <tr id="SearchEnterpriseCondition">
           <td align="center" width="106" height="108"><IMG height="42" alt="" src="images/search_icon.gif" width="39"></td>
           <td width="627"><span class="cuhong">店铺搜索字段：</span>
            <UL>
             <LI>
              关键词：
              <asp:textbox id="txtEnterpriseKey" runat="server" Width="120px"></asp:textbox>
             <LI>
              地        址：
              <asp:textbox id="txtEnterpriseAddress" runat="server" Width="120px"></asp:textbox>
             <LI>
              电        话：
              <asp:textbox id="txtEnterpriseTel" runat="server" Width="120px"></asp:textbox></LI></UL>
            <P><FONT face="宋体">          </FONT>
             <asp:button id="btnEnterpriseOK" runat="server" Text="确定"></asp:button><asp:button id="btnEnterpriseReset" runat="server" Text="重置"></asp:button></P>
            </td>
          </tr>
          <tr id="SearchBusinessCondition">
           <td align="center" width="106" height="108"><IMG height="42" alt="" src="images/search_icon.gif" width="39"></td>
           <td width="627"><span class="cuhong">商城搜索字段：</span>
            <UL>
             <LI>
              关键词：
              <asp:textbox id="txtBusinessKey" runat="server" Width="120px"></asp:textbox>
             <LI>
              地        址：
              <asp:textbox id="txtBusinessAddress" runat="server" Width="120px"></asp:textbox>
             <LI>
              电        话：
              <asp:textbox id="txtBusinessTel" runat="server" Width="120px"></asp:textbox></LI></UL>
            <P><FONT face="宋体">          </FONT>
             <asp:button id="btnBusinessOK" runat="server" Text="确定"></asp:button><asp:button id="btnBusinessReset" runat="server" Text="重置"></asp:button></P>
            </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </table>
   <br>
    </body>
</HTML>

net_boy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
类似于属性页的功能

高级搜索 http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"> /*功能：这里的脚本主要用于控制查询样式，及要显示的查询条件创建人：徐明创建日期：2006-11-23修改人：徐明修改日期：2006-11-23版本：1.1*///当前选择查询类型的ID 产品为1 店铺为2 商城为3
复制链接

扫一扫

专栏目录