我如何...如何更改选项卡颜色 [英] How do I...how to change the tabs colours
本文介绍了我如何...如何更改选项卡颜色的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/forms/home.Master"
CodeBehind="a_grades.aspx.vb" Inherits="GUI_Storyboard.WebForm3" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript">
var validFilesTypes = ["bmp", "gif", "png", "jpg", "jpeg", "doc", "xls"];
function ValidateFile() {
var file = document.getElementById("<%=fileuploadExcel.ClientID%>");
var label = document.getElementById("<%=lblMessage.ClientID%>");
var path = file.value;
var ext = path.substring(path.lastIndexOf(".") + 1, path.length).toLowerCase();
var isValidFile = false;
for (var i = 0; i < validFilesTypes.length; i++) {
if (ext == validFilesTypes[i]) {
isValidFile = true;
break;
}
}
if (!isValidFile) {
label.style.color = "red";
label.innerHTML = "Invalid File. Please upload a File with" +
" extension:\n\n" + validFilesTypes.join(", ");
}
return isValidFile;
}
</script>
<%--<script src="../Scripts/DataTables-1.10.4/jquery.dataTables.js" type="text/javascript"></script>
<link href="../style/jquery.dataTables.css" rel="stylesheet" type="text/css" />--%>
<script type="text/javascript">
var table;
$(document).ready(function () {
//alert("hello");
table = $('#example').dataTable();
funjciclick();
$("#example_length").css("display", "none");
$("#example_filter").css("display", "none");
});
function funjciclick() {
//$(".ITC").css("display", "none");
//$(".jci").css("display", "inline");
table.fnSetColumnVis(7, false);
table.fnSetColumnVis(8, false);
table.fnSetColumnVis(9, false);
table.fnSetColumnVis(5, true);
table.fnSetColumnVis(6, true);
table.fnSetColumnVis(10, false);
table.fnSetColumnVis(11, false);
table.fnSetColumnVis(12, false);
table.fnSetColumnVis(13, false);
$(".theal").css("border", "none");
$(".thcust").css("border", "none");
$(".thitc").css("border", "none");
$(".thjci").css("border", "solid 1px red");
}
function funealclick() {
$(".thjci").css("border", "none");
$(".thcust").css("border", "none");
$(".thitc").css("border", "none");
table.fnSetColumnVis(7, true);
table.fnSetColumnVis(8, true);
table.fnSetColumnVis(9, true);
table.fnSetColumnVis(5, false);
table.fnSetColumnVis(6, false);
table.fnSetColumnVis(10, false);
table.fnSetColumnVis(11, false);
table.fnSetColumnVis(12, false);
table.fnSetColumnVis(13, false);
$(".theal").css("border", "solid 1px red");
}
function funcustclick() {
$(".thjci").css("border", "none");
$(".theal").css("border", "none");
$(".thitc").css("border", "none");
table.fnSetColumnVis(7, false);
table.fnSetColumnVis(8, false);
table.fnSetColumnVis(9, false);
table.fnSetColumnVis(5, false);
table.fnSetColumnVis(6, false);
table.fnSetColumnVis(10, true);
table.fnSetColumnVis(11, true);
table.fnSetColumnVis(12, false);
table.fnSetColumnVis(13, false);
$(".thcust").css("border", "solid 1px red");
}
function funitcclick() {
$(".thjci").css("border", "none");
$(".thcust").css("border", "none");
$(".theal").css("border", "none");
table.fnSetColumnVis(7, false);
table.fnSetColumnVis(8, false);
table.fnSetColumnVis(9, false);
table.fnSetColumnVis(5, false);
table.fnSetColumnVis(6, false);
table.fnSetColumnVis(10, false);
table.fnSetColumnVis(11, false);
table.fnSetColumnVis(12, true);
table.fnSetColumnVis(13, true);
$(".thitc").css("border", "solid 1px red");
}
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<!-- Breadcrumb -->
<div id="breadcrumb" class="breadcrumb">
<asp:LinkButton ID="LinkButton3" runat="server" OnClientClick="window.location.href='##';">Home</asp:LinkButton>
<asp:LinkButton ID="LinkButton5" runat="server">Admin</asp:LinkButton>
<asp:LinkButton ID="LinkButton4" runat="server">Manage BAER</asp:LinkButton>
<asp:LinkButton ID="LinkButton1" runat="server">Grades</asp:LinkButton>
</div>
<!-- Breadcrumb /-->
<!-- Page Title -->
<div id="pagetitle">
Grades</div>
<!-- Page Title /-->
<div id="bodycontainer">
<div id="inputbox">
<fieldset name="Group1">
<legend>Search</legend>
<table>
<tr>
<th class="width-10">
Filter by
</th>
<td class="width-40">
<asp:DropDownList ID="DropDownList1" runat="server" CssClass="width-25">
</asp:DropDownList>
<asp:TextBox ID="TextBox11" runat="server" CssClass="width-25"></asp:TextBox>
<asp:LinkButton ID="LinkButton2" runat="server">Search</asp:LinkButton>
<asp:LinkButton ID="LinkButton6" runat="server">Clear</asp:LinkButton>
<asp:LinkButton ID="LinkButton7" runat="server">Show All</asp:LinkButton>
</td>
<%-- <td class="td-spacer">
</td>
<th class="width-10">
Select
</th>
<td>
<asp:RadioButton ID="RadioButton1" runat="server" /><label>New BAER</label>
<asp:RadioButton ID="RadioButton2" runat="server" /><label>ETU</label>
</td>--%>
</tr>
<tr>
<th class="width-10">
Please Select Excel File:
</th>
<td>
<asp:FileUpload ID="fileuploadExcel" runat="server" Width="300px" />
<asp:Button ID="btnImport" runat="server" Text="Upload" /><br />
<asp:Label ID="lblMessage" runat="server" Text="" />
</td>
</tr>
</table>
</fieldset>
<div id="gridbox" style="margin: 20px 0 20px 0;">
<h1>
Search Result</h1>
<table id="example" class="display" cellspacing="0" style="width: 100%;">
<thead>
<tr>
<th class="width-5" rowspan="2">
Clock ID
</th>
<th class="width-5" rowspan="2">
Last Name
</th>
<th class="width-5" rowspan="2">
First Name
</th>
<th class="width-5 align-center">
Is EXPAT
</th>
<th class="width-5 align-center">
Customs
</th>
<th colspan="2">
<span onclick="funjciclick();" style="cursor: pointer;" class="thjci">JCI</span> <span
class="theal" onclick="funealclick();" style="cursor: pointer;">EAL</span> <span
class="thcust" onclick="funcustclick();" style="cursor: pointer;">CUST</span> <span
class="thitc" onclick="funitcclick();" style="cursor: pointer;">ITC Process</span>
</th>
<th colspan="3">
<span onclick="funjciclick();" style="cursor: pointer;" class="thjci">JCI</span> <span
class="theal" onclick="funealclick();" style="cursor: pointer;">EAL</span> <span
class="thcust" onclick="funcustclick();" style="cursor: pointer;">CUST</span> <span
class="thitc" onclick="funitcclick();" style="cursor: pointer;">ITC Process</span>
</th>
<th colspan="2">
<span onclick="funjciclick();" style="cursor: pointer;" class="thjci">JCI</span> <span
class="theal" onclick="funealclick();" style="cursor: pointer;">EAL</span> <span
class="thcust" onclick="funcustclick();" style="cursor: pointer;">CUST</span> <span
class="thitc" onclick="funitcclick();" style="cursor: pointer;">ITC Process</span>
</th>
<th colspan="2">
<span onclick="funjciclick();" style="cursor: pointer;" class="thjci">JCI</span> <span
class="theal" onclick="funealclick();" style="cursor: pointer;">EAL</span> <span
class="thcust" onclick="funcustclick();" style="cursor: pointer;">CUST</span> <span
class="thitc" onclick="funitcclick();" style="cursor: pointer;">ITC Process</span>
</th>
<th class="width-5">
Building
</th>
<th class="width-5">
Upload
</th>
</tr>
<tr>
<th class="width-5">
ITC Focal?
</th>
<th class="width-5">
Customs?
</th>
<th>
JCI 1
</th>
<th>
JCI 2
</th>
<th>
EAL 1
</th>
<th>
EAL 2
</th>
<th>
EAL 3
</th>
<th>
CUST 1
</th>
<th>
CUST 2
</th>
<th>
ITC 1
</th>
<th>
ITC 2
</th>
<th class="width-5">
</th>
<th class="width-5">
</th>
</tr>
</thead>
<tbody>
<tr>
<td class="width-5">
302070
</td>
<td class="width-5">
Rao
</td>
<td class="width-5">
Kris
</td>
<td class="width-5">
<asp:CheckBox ID="CheckBox1" runat="server" Checked="True" />
</td>
<td class="width-5">
<asp:CheckBox ID="CheckBox2" runat="server" Checked="True" />
</td>
<td class="width-5">
<asp:CheckBox ID="CheckBox3" runat="server" Checked="True" />
</td>
<td class="width-5">
<asp:CheckBox ID="CheckBox4" runat="server" Checked="True" />
</td>
<td class="width-5">
<asp:CheckBox ID="CheckBox5" runat="server" Checked="True" />
</td>
<td class="width-5">
<asp:CheckBox ID="CheckBox6" runat="server" Checked="True" />
</td>
<td class="width-5">
<asp:CheckBox ID="CheckBox7" runat="server" Checked="True" />
</td>
<td class="width-5">
<asp:CheckBox ID="CheckBox9" runat="server" Checked="True" />
</td>
<td class="width-5">
<asp:CheckBox ID="CheckBox10" runat="server" Checked="True" />
</td>
<td class="width-5">
<asp:CheckBox ID="CheckBox11" runat="server" Checked="True" />
</td>
<td class="width-5">
<asp:CheckBox ID="CheckBox12" runat="server" Checked="True" />
</td>
<td class="width-5">
<asp:DropDownList ID="DropDownList7" runat="server">
</asp:DropDownList>
</td>
<td class="width-5">
<asp:CheckBox ID="CheckBox8" runat="server" Checked="True" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Buttons -->
<div id="buttonpan">
<asp:Button ID="Button1" runat="server" Text="Save" OnClientClick="window.location.href='##';" />
<asp:Button ID="Button2" runat="server" Text="Cancel" OnClientClick="window.location.href='##';" />
<asp:Button ID="Button3" runat="server" Text="Reset" OnClientClick="window.location.href='##';" />
</div>
<!-- Buttons /-->
</div>
</asp:Content>
How do I...how to change the tabs colours?
How do I...how to change the tabs colours?
推荐答案
(document).ready(function () {
//alert(\"hello\");
table =
(document).ready(function () { //alert("hello"); table =
('#example').dataTable();
funjciclick();
('#example').dataTable(); funjciclick();
(\"#example_length\").css(\"display\", \"none\");
("#example_length").css("display", "none");
这篇关于我如何...如何更改选项卡颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
