我正在编写一个在线时间跟踪网页,允许用户将学习时间输入该系统。用户将首先输入名称,然后根据日期输入学习时间。一天中可能会有多个学习时间。
以下是我第一页的编码,
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
if(rowCount < 5){
var row = table.insertRow(rowCount);
var colCount = table.rows[0].cells.length;
for(var i=0; i<colCount; i++) {
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[0].cells[i].innerHTML;
};
}else{
alert("Maximum Schedule per day is 5");
};
};
</script>
</head>
<body>
<div class="bodycontainer">
<h1>
<?php
echo date("l,F d") ;
?>
</h1>
<div class="panel panel-default">
<div class="panel-heading">Schedule Activity</div>
<div class="panel-body">
<form name="Enter Study Schedule" class="form-horizontal" method="post" action="handleSchedule.php">
<div class="form-group">
<label for="name" class="col-sm-3 control-label">Name:</label>
<div class="col-sm-6">
<input type="text" name="name" class="form-control" >
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-7">
<table id="dataTable1" class="form-control">
<label for="Monday">Monday</label>
<input type="button" value="Add Schedule" onClick="addRow('dataTable1')" />
<tbody>
<tr>
<p>
<td>
<label>Start Time</label>
<input type="text" class="form-control" name="startTime[]">
</td>
<td>
<label>End Time</label>
<input type="text" class="form-control" name="endTime[]">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="form-group">
<div class="col-sm-7">
<table id="dataTable1" class="form-control">
<label for="Tuesday">Tuesday</label>
<input type="button" value="Add Schedule" onClick="addRow('dataTable1')" />
<tbody>
<tr>
<p>
<td>
<label>Start Time</label>
<input type="text" class="form-control" name="startTime[]">
</td>
<td>
<label>End Time</label>
<input type="text" class="form-control" name="endTime[]">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="form-group">
<div class="col-sm-7">
<table id="dataTable2" class="form-control">
<label for="Wednesday">Wednesday</label>
<input type="button" value="Add Schedule" onClick="addRow('dataTable2')" />
<tbody>
<tr>
<p>
<td>
<label>Start Time</label>
<input type="text" class="form-control" name="startTime[]">
</td>
<td>
<label>End Time</label>
<input type="text" class="form-control" name="endTime[]">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="form-group">
<div class="col-sm-7">
<table id="dataTable3" class="form-control">
<label for="Thursday">Thursday</label>
<input type="button" value="Add Schedule" onClick="addRow('dataTable3')" />
<tbody>
<tr>
<p>
<td>
<label>Start Time</label>
<input type="text" class="form-control" name="startTime[]">
</td>
<td>
<label>End Time</label>
<input type="text" class="form-control" name="endTime[]">
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="form-group">
<div class="col-sm-7">
<table id="dataTable4" class="form-control">
<label for="Friday">Friday</label>
<input type="button" value="Add Schedule" onClick="addRow('dataTable4')" />
<tbody>
<tr>
<p>
<td>
<label>Start Time</label>
<input type="text" class="form-control" name="startTime[]">
</td>
<td>
<label>End Time</label>
<input type="text" class="form-control" name="endTime[]">
</td>
</tr>
</tbody>
</table>
<div class="form-group">
<input type="submit" value="Submit" class="btn btn-primary"></input>
</div>
</form>
</div>
</div>
</body>
</html>
我的部分完成的handleSchedule.php页面,
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Singhealth</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<?php
function getDbConnect() {
$con = mysqli_connect("localhost:3306", "Stud", "Stud", "Student");
return $con;
}
$con = getDbConnect();
$name = $_POST['name'];
?>
<div class="space">
<div class="container">
<div class="row">
<?php
if (mysqli_connect_errno($con)) {
echo "Failed to connect to MySQL: " . mysqli_connect_error();
} else {
$sql = "INSERT INTO timetableschedule (name) ".
"VALUES ('$name')";
if (!mysqli_query($con, $sql)) {
die('Error: ' . mysqli_error($con));
}
echo " record added";
mysqli_close($con);
}
?>
</div>
</div>
</div>
</body>
</html>
我不知道该如何在handleSchedule.php中的一天中的某个时间键入用户密码。
所需的数据库输入,
javascript参考方案
您的名称只有一个值,即(您在标记中使用的)
<input type="text" name="name" class="form-control" />
接下来,您需要使用“开始时间”和“结束时间”获取日期,您必须将表单字段(startTime和endTime)重命名为类似于星期一字段名称的星期几
<input type="text" class="form-control" name="startTime[1][]" />
在名称属性中,第一个索引是天数。在这种情况下,星期一为1,您可以根据需要设置日期。
全部用表格完成!!!
现在我们希望数据在服务器端。
完成后获取名称字段值:
$name = $_POST['name'];
现在,要获取整天的开始时间和结束时间,我们必须遍历startTime或endTime字段值,如下所示:
/* This loop will iterate through all days. */
foreach($_POST["startTime"] as $day=>$startTimes){
/* This loop will give start & end times for a particular day, i.e. $day */
foreach($startTimes as $timeIndex=>$startTime){
$endTime = $_POST["endTime"][$day][$timeIndex];
/**
* 1. You have name in $name variable.
* 2. Day you have in $day variable.
* 3. Start time in $startTime variable.
* 4. End time in $endTime variable.
*
* TODO: Now you have all required data in respected variables
* You can save to Database.
*
*/
}
}
PHP stringID无法从回显中读入onclick - javascript我有一个音频播放器,可以在HTML中正常工作,但是当我从PHP回显调用时,似乎没有得到div ID的名称,因此它无法播放我的音频。这是我的代码:// Show audio if ($sObj->get('audio') != null) { $sAudio = $sObj->get('audio'); $a…
在php中单击按钮添加表行并设置字段值 - javascript我有一个表单,必须在单击按钮时添加表行。这是我必须动态添加的表行:(addProdToGroup.php)<tr style="text-align: center;" id="products"> <td><?php $j ?></td> <td><s…
如果复选框切换复选框已选中,则在切换div中输入必填字段 - javascript我使用脚本用JavaScript切换了一些div。如果要选中复选框以显示toogle div,我想在toogle div中设置一些“必填”输入字段。有人能弄清楚吗?那是工作吗?function show(id) { if(document.getElementById) { var mydiv = document.getElementById(id); m…
淘汰赛在金字塔中的行为不正确 - javascript我正在使用Pyramid构建一个Webapp,但是Knockout的行为有所不同。我有一个表格: <div data-bind="with: $root.itemToAdd" style="display: none;"> <form data-bind="submit: $root.add…
将简单的javascript代码转换为c# - javascript昨天我在这里问了一个问题。使用javascript和html解决方案很简单前一阵子我打算什么是操纵html来执行javascript中的任务但是我改变了主意,将javascript代码重写为c#这是输入<Abstract> <Heading>Abstract</Heading> <Para TextBreak=…