I wrote this part of code:
<table class="table table-hover">
<thead>
<tr>
<th>Status</th>
<th>MPK</th>
<th>Full Name</th>
<th>Phone Number</th>
<th>Project Start Date</th>
<th>Project End Sales Date</th>
<th>Project Installation Date</th>
<th>Project End Date</th>
<th>General Manager</th>
<th>IT Project Manager</th>
<th>Notes</th>
</tr>
</thead>
<?php
$file = '/var/lib/jenkins/workspace/Update_JSON/terminarz.json';
$fp_terminarz = fopen($file, 'r');
$toecho = fread($fp_terminarz, filesize($file));
$data = json_decode($toecho, true);
fclose($fp_terminarz);
foreach($data as $key=>$value){ ?>
<tbody>
<tr>
<td>Opening process</td>
<td><?php echo $value["MPK"]; ?></td>
<td><?php echo $value["Restaurant Name"]; ?></td>
<td><?php echo $value["Phone Number"]; ?></td>
<td><?php echo $value["Project Start Date"]; ?></td>
<td><?php echo $value["Project End Sales Date"]; ?></td>
<td><?php echo $value["Project Installation Date"]; ?></td>
<td><?php echo $value["Project End Date"]; ?></td>
<td><?php echo $value["Restaurant Manager"]; ?></td>
<td><?php echo $value["IT Project Manager"]; ?></td>
<td><?php echo $value["Notes"]; ?></td>
</tr>
<?php } ?>
</tbody>
</table>
I show JSON content in HTML table using PHP script.
My problem is - I want to have possibility to edit any row (one at a time) and after saving changes update file terminarz.json.
What is the best way to do this? I was thinking about js scripts, which would change css style of row and show Edit button near row (after pointing it with mouse cursor).
Is this good approach to this task? Or how should I do this? I would appreciate any advice.
For the UI/UX part:
Why not have an edit icon in the last column of table with a column heading Edit.
Have hidden input fields with proper names and value pre-filled.
On click of the edit icon, simply hide the data and show the input fields, so the user can edit the data. Also, switch the edit icon to save and also give an option to cancel out.
Something like this: http://nathancahill.github.io/table-edits/
For updating the data:
$jsonString = file_get_contents('terminarz.json');
$data = json_decode($jsonString, true);
foreach ($data as $key => $entry) {
if ($entry['id'] == $updated_row_id) {
$data[$key]['name'] = "value";
}
}
And then save it back using:
$newJsonString = json_encode($data);
file_put_contents('terminarz.json', $newJsonString);
Its a good approach just do one more thing wrap table in form and make input hidden element for each field when you edit a single row then update that hidden element with new entry and at last submit the form which contain all the entries and on server side catch that data and convert into json and save it
Related
On one page that contains links to the database on my website, the page loads very slowly, is there any way to speed up the loading of that page?
I tried it on the server and when there were no visitors just import database and it immediately slowed down loading the page.
You can inspect the page via my website: https://translatesubtitles.com/browse_subtitle.php or check the page code:
I think it may be up to the database table to slow it down, you can look at the table code below:
<div class="row">
<table id="example" data-order='[[ 0, "desc" ]]' class="table table-striped " style="width:100%">
<thead>
<tr>
<th style="display: none">ID</th>
<th>Name</th>
<th>Language</th>
<th>Author</th>
</tr>
</thead>
<tbody>
<?php
include("my.php");
$query = "SELECT * FROM me order by id DESC";
$result = mysqli_query($conn, $query);
if(mysqli_num_rows($result) > 0){
while($row = mysqli_fetch_array($result)){
?>
<tr>
<td style="display: none"><?php echo $row['id']; ?></td>
<td><?php echo $row['name']; ?></td>
<td><?php echo $row['language']; ?></td>
<td><?php echo $row['author']; ?></td>
</tr>
<?php }} ?>
</tbody>
</table>
</div>
Have you already added id as an index to the table? If not, adding one should help.
ALTER TABLE `me` ADD INDEX `id` (`id`)
You might also be able to cut down on the amount of data that's transferred by selecting only the columns that you need. E.g.
SELECT id, name, language, author FROM me ORDER BY id DESC
I have a table of students for attendance which enrolls in my course... in the table course end date is also mentioned
Table Code is Given Below:
<thead>
<tr>
<th><?php echo "Student Name"; ?></th>
<th><?php echo "Joining Date"; ?></th>
<th><?php echo "Batch End Date"; ?></th>
</tr>
</thead>
Table Body Code
<tbody>
<td><?php echo $value['firstname'] . " " . $value['lastname']; ?></td>
<td><?php echo $value['admission_date']; ?></td>
<td><?php echo $value['course_end_date']; ?></td>
</tbody>
The Body Data is In Variable Which Picks Data from another List and Showed Content... Look Like in the Front View
<tbody>
<td>Kapil</td>
<td>09/15/2019</td>
<td>10/20/2019</td>
</tbody>
The Above code is using For Student Attendence
What I am looking for is:
student detail or row doesn't show once his Batch End Date Passed.
and the row changes color on the last day of the Batch End Date.
errors i get
I have a table that contains details one of this being emails. When i click a link i have outlook mail opening but i want to take the email of that row in the table and put it into the 'to' part of the email. Below i have code for what i am currently doing.
the code below displays the data from my database in a table format
<table class="table table-striped custab">
<thead>
<tr>
<th> </th>
<th>Booking ID</th>
<th> Name</th>
<th>Email</th>
<th>Date</th>
<th>time</th>
<th>No. of guests</th>
<th>Booking Reason</th>
<th>Comments</th>
<th width="110" class="ac">Approved?</th>
</tr>
<thead>
<!-- php function to only select the bookings that have not yet been approved/rejected -->
<?php
include 'config.php';
$select = "SELECT * FROM `booking` WHERE `status`IS NULL ";
$result = $conn->query($select);
while($row = $result->fetch_assoc()){
?>
<tr>
<td><input type="checkbox" class="checkbox" /></td>
<td><?php echo $row['customer_ID'] ?></td>
<td><?php echo $row['Name'] ?></td>
<td><?php echo $row['Email'] ?></td>
<td><?php echo $row['booking_date'] ?></td>
<td><?php echo $row['booking_time'] ?></td>
<td><?php echo $row['attendee_no'] ?></td>
<td><?php echo $row['booking_reason'] ?></td>
<td><?php echo $row['comments'] ?></td>
<td>
Email this Codesnippet</a>
</td>
</tr>
<?php
}
?>
</table>
The function below gets the pop up to display for outlook mail
<script type="text/javascript"> TriggerOutlook(Email)
{
var $to = 'Email';
var body = "your booking has been approved";
<!-- var body = escape(window.document.title + String.fromCharCode(13)+ window.location.href); --->
var subject = "Your booking request";
window.location.href = "mailto:?body="+body+"&to="+$to+"&subject="+subject;
}
</script>
if i put in an email manually into the var $to = the outlook pop up works however if i try to take the email from the table it doesnt, can anyone help me out to identity where i am going wrong? Thanks!
1 You don't need the PHP $ declaration for variables, thus:
var $to = 'Email';
should be:
var to = 'Email';
more descriptive variables could make future updates easier:
var toAddr = 'Email';
2 Your JavaScript function should be preceded with the function tag
<script type="text/javascript"> TriggerOutlook(Email)
{
changes to:
<script type="text/javascript">
function TriggerOutlook(Email){
3 Use a button rather than link
Replace
Email this Codesnippet</a>
With
<button
onclick="TriggerOutlook(<?php echo $row['Email'];?>)"
value="submit"
>Email this Codesnippet</button>
i created an appointments table where user1 would add appointments and user2 would accept/reject the appointment. now my problem is when the accept and reject are clicked it is displayed in the table but it is not updated in the db I've did a lot of research over this but hit a road block after road block, so I really hope your help in this, many thanks!
Here is an image of my appointments table:
Here is my code:
<table cellpadding="0" cellspacing="0" border="0" class="table table-condensed" id="example">
<thead>
<tr>
<th>appoinment ID</th>
<th>Date</th>
<th>time</th>
<th>teacher</th>
<th>parent</th>
<th> accept/reject </th>
<th>state</th>
</tr>
</thead>
<tbody>
<?php
$query=mysqli_query($conn, "select * from `app` left join `par` on par.par_id=app.par_id
left join `tea` on tea.tea_id=app.tea_id
ORDER BY app_id DESC");
if($query === false)
{
throw new Exception(mysqli_error($conn));
}
while($row=mysqli_fetch_array($query))
{
$ann_id=$row['app_id'];
$date=$row['date'];
$msg=$row['time'];
$username = $row['username'];
$username = $row['p_username'];
?>
<tr>
<td><?php echo $row['app_id'] ?></td>
<td> <?php echo date('j/m/y',strtotime($row['date'])); ?></td>
<td><?php echo $row['time'] ?></td>
<td><?php echo $row['p_username'] ?></td>
<td><?php echo $row['username'] ?></td>
<td>
reject
accept
</td>
<td>
<div class="chgtext">PENDING</div>
</td>
</tr>
<?php
if (isset($_GET['state'], $_GET['app_id'])) {
$stmt = mysqli_prepare($conn, "UPDATE app SET state = ? WHERE app_id = ?");
mysqli_stmt_bind_param($stmt, "sd", $_GET['state'], $_GET['s.app_id']);
$stmt->execute();
$stmt->close();
}
}
?>
</tbody>
</table>
</div>
</form>
You have an error there. You are using $_GET request with setting it in url. Change your html tag like below
reject
accept <!-- I assumed that column names in database were app_id and state
And in php code
if (isset($_GET['state'], $_GET['app_id'])) {
$stmt = mysqli_prepare($conn, "UPDATE app SET state = ? WHERE app_id = ?");
mysqli_stmt_bind_param($stmt, "sd", $_GET['state'], $_GET['app_id']);
$stmt->execute();
$stmt->close();
}
}
I hope it will help you. If there is any problem then kindly tell me
I used dataTable plugin to format my html table.But it is not displaying the result what i want.It shows all records instead of 10 records per page.i used iDisplayLength: 10 also but it does not work.
My Code:-
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<script>
$(document).ready(function(){
$('#count').DataTable({
"pagingType": "full_numbers",
"iDisplayLength": 10
}
);
});
</script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.4/css/jquery.dataTables.min.css">
</head>
<table id="count">
<thead>
<tr>
<th>Quarter ID</th>
<th>Locality Name</th>
<th>Block</th>
<th>Floor</th>
<th>RB Type</th>
<th>Quarter Type</th>
<th>Quarter No</th>
<th>No of Rooms</th>
<th>Servant quarter</th>
<th>Status</th>
</tr>
</thead>
<?php
require 'connection.php';
$q8="select * from mstquarters";
$q9=mysqli_query($con,$q8);
if(mysqli_num_rows($q9)>=1)
{
while($row=mysqli_fetch_array($q9))
{
?>
<?php
$y=$row['blockId'];
$q5="select * from mstblocks where blockId='$y'";
$r5=mysqli_query($con,$q5);
$r6=mysqli_fetch_array($r5);
$r7=$r6['block'];
$z=$row['localityId'];
$q6="select * from mstlocalities where localityId='$z'";
$s5=mysqli_query($con,$q6);
$s6=mysqli_fetch_array($s5);
$s7=$s6['localitySName'];
?>
<tbody>
<tr>
<td><?php echo $row['quarterId'];?></td>
<td><?php echo $s7;?></td>
<td><?php echo $r7;?></td>
<td><?php echo $row['floor'];?></td>
<td><?php echo $row['rbType'];?></td>
<td><?php echo $row['quarterType'];?></td>
<td><?php echo $row['quarterNo'];?></td>
<td><?php echo $row['noOfRooms'];?></td>
<td><?php echo $row['servantQuarter'];?></td>
<td><?php echo $row['status'];?></td>
</tr>
</tbody>
<?php
}
}
?>
</table>
</html>
I already included javascript file,should i include more file for working properly?
Problem is You are creating <tbody> inside while() which created wrong table structure.
Put it outside of while() and you will good to go
Like this:-
</thead>
<tbody>
<?php
require 'connection.php';
$q8="select * from mstquarters";
$q9=mysqli_query($con,$q8);
if(mysqli_num_rows($q9)>=1)
{
while($row=mysqli_fetch_array($q9))
{
?>
<?php
$y=$row['blockId'];
$q5="select * from mstblocks where blockId='$y'";
$r5=mysqli_query($con,$q5);
$r6=mysqli_fetch_array($r5);
$r7=$r6['block'];
$z=$row['localityId'];
$q6="select * from mstlocalities where localityId='$z'";
$s5=mysqli_query($con,$q6);
$s6=mysqli_fetch_array($s5);
$s7=$s6['localitySName'];
?>
<tr>
<td><?php echo $row['quarterId'];?></td>
<td><?php echo $s7;?></td>
<td><?php echo $r7;?></td>
<td><?php echo $row['floor'];?></td>
<td><?php echo $row['rbType'];?></td>
<td><?php echo $row['quarterType'];?></td>
<td><?php echo $row['quarterNo'];?></td>
<td><?php echo $row['noOfRooms'];?></td>
<td><?php echo $row['servantQuarter'];?></td>
<td><?php echo $row['status'];?></td>
</tr>
<?php
}
}
?>
</tbody>
</table>
Try "_iDisplayLength": 10 or add jquery.dataTables.js to your project.
because iDisplayLength is in jquery.dataTables.js
Use $_REQUEST["start"] and $_REQUEST["length"]
$_REQUEST["start"] by default start with 0 and $_REQUEST["length"] set iDisplayLength below.
$('#count').DataTable({
"pagingType": "full_numbers",
"iDisplayLength": 10
}
Take two variable
$start=$_REQUEST["start"];
$length=$_REQUEST["length"];
And use here---- select * from mstquarters limit $start,$length
NOthing change in jquery code
Add code in php file.
Take two variable
$start=$_REQUEST["start"]; $length=$_REQUEST["length"];
And use here---- select * from mstquarters limit $start,$length