80 lines
3.5 KiB
Plaintext
80 lines
3.5 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="WebApplication1.WebForm1" %>
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head runat="server">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>menu</title>
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
|
|
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
|
<script src="./UseJS/alert2.js" language="javascript" type="text/javascript"></script>
|
|
<script src="./UseJS/dropdown2.js" language="javascript" type="text/javascript"></script>
|
|
<script src="./UseJS/tablelist.js" language="javascript" type="text/javascript"></script>
|
|
<script src="./UseJS/timepick.js" language="javascript" type="text/javascript"></script>
|
|
<script src="./menu.js" language="javascript" type="text/javascript"></script>
|
|
<script type="text/javascript" src="<%: ResolveClientUrl(string.Format("~/MyJs/Account2.js?_={0}",DateTime.Now.Ticks)) %>"></script>
|
|
<link rel="stylesheet" href="./UseCSS/alert2.css"/>
|
|
<link rel="stylesheet" href="./UseCSS/button2.css"/>
|
|
<link rel="stylesheet" href="./UseCSS/dropdown2.css"/>
|
|
<link rel="stylesheet" href="./UseCSS/table2.css"/>
|
|
<link rel="stylesheet" href="./UseCSS/timepick.css"/>
|
|
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"/>
|
|
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"
|
|
integrity="sha256-hlKLmzaRlE8SCJC1Kw8zoUbU8BxA+8kR3gseuKfMjxA=" crossorigin="anonymous"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<form id="form1" runat="server">
|
|
<div>
|
|
<div id='選單元件' class="transition duration-75 ease-in-out">
|
|
|
|
</div>
|
|
<div id='start'>
|
|
|
|
</div>
|
|
<div id='end'>
|
|
|
|
</div>
|
|
|
|
<button id="send">送出資料</button>
|
|
|
|
<table class="list border-collapse border border-green-800 ">
|
|
<tbody>
|
|
<tr>
|
|
<th class="border border-green-600"><input tbl-keep="teaList-CheckAll" type="checkbox"/> 全選</th>
|
|
<th class="border border-green-600">茶道名稱</th>
|
|
<th class="border border-green-600">data</th>
|
|
</tr>
|
|
<tr tbl-repeat="teaList" class="trHover" >
|
|
<td class="border border-green-600"><input tbl-keep="teaList-CheckBox" type="checkbox"/></td>
|
|
<td class="border border-green-600">@茶道名稱</td>
|
|
<td class="border border-green-600">@data</td>
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
<button id="show">顯示選取資料</button>
|
|
|
|
<style>
|
|
.list{
|
|
width: 40%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
#選單元件, #start, #end{
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
</style>
|
|
|
|
</div>
|
|
</form>
|
|
</body>
|
|
|
|
</html> |