Mini Shell
<!doctype html>
<html lang="en">
<!-- head -->
<?php include 'head.php'; ?>
<?php
$content_id = $_GET['content_id'];
$sql_content= "SELECT * FROM content WHERE content_id='$content_id'";
$res_content = mysqli_query($link, $sql_content);
$row_content = mysqli_fetch_assoc($res_content);
?>
<body>
<div class="wrapper">
<!-- เมนูด้านซ้าย -->
<?php include 'leftside.php'; ?>
<div class="main-panel">
<!-- ส่วนหัว -->
<?php include 'header.php'; ?>
<div class="content">
<div class="container-fluid">
<div class="col-md-12">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="home.php">หน้าหลัก</a></li>
<li class="breadcrumb-item active" aria-current="page"><?php echo $row_content['content_name'] ?></li>
</ol>
</nav>
<!-- เนื้อหา -->
<div class="card">
<div class="card-content">
<form id="formcontent" class="form-horizontal" novalidate>
<div class="card-header card-header-text" data-background-color="rose">
<h4 class="card-title">แก้ไขเนื้อหา</h4>
</div>
<div class="card-content">
</div>
<div class="row">
<div class="col-sm-12">
<legend><?php echo $row_content['content_name']; ?></legend>
<div class="form-group label-floating is-empty">
<textarea type="text" id="content" name="content" class="form-control ckeditor" rows="10" cols="100" required>
<?php echo $row_content['content']; ?>
</textarea>
</div>
</div>
</div>
<input type="hidden" name="content_id" id="content_id" value="<?php echo $row_content['content_id'] ?>">
<div class="row">
<label class="col-md-5"></label>
<div class="col-md-5">
<div class="form-group form-button">
<button id="btn_save" type="button" class="btn btn-fill btn-rose">บันทึก</button>
<a href="home.php" class="btn btn-primary">
กลับหน้าหลัก
</a>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div id="spin"></div>
</div>
</div>
<!-- footer1 -->
<?php include 'footer1.php'; ?>
</div>
</div>
<!-- footer2 -->
<?php include 'footer2.php'; ?>
<script src="assets/ckeditor_stan/ckeditor.js" type="text/javascript"></script>
<script src="assets/ckeditor_atan/adapters/jquery.js"></script>
<script type="text/javascript">
CKEDITOR.replace('content', {
allowedContent: true,
height: 600,
language: 'th',
// แก้ไขส่วนนี้: ระบุ Path ไฟล์ CSS ให้ครบถ้วนเหมือนหน้าเว็บจริง
contentsCss: [
'../css/styles-merged.css',
'../css/style.min.css',
'../css/custom.css',
'../css/bootstrap.min.css',
// ตรวจสอบว่าหน้าเว็บจริงใช้ไฟล์ไอคอนชื่ออะไร (เช่น icomoon.css หรือ themify-icons.css) แล้วเพิ่มลงไปด้วย
'../css/icomoon.css',
'../css/fonts/icomoon/icomoon.css',
// บังคับให้พื้นหลังเป็นสีขาวและแสดงตัวตนของคลาส animate
'data:text/css, body { background-color: #ffffff !important; font-family: "Work Sans", Arial, sans-serif; } ' +
'.probootstrap-animate { opacity: 1 !important; visibility: visible !important; transform: none !important; } ' +
'.probootstrap-counter { margin-bottom: 30px; text-align: center; }'
]
});
</script>
<script>
$(document).ready(function(){
// ตรวจสอบให้แน่ใจว่า id ตรงกับที่ระบุในปุ่มบันทึก
$('#btn_save').off('click').on("click", function(e) {
e.preventDefault(); // บรรทัดนี้สำคัญที่สุดในการหยุดการเด้งไปหน้า JSON
// ดึงค่าจาก CKEditor
var contentData = CKEDITOR.instances.content.getData();
var contentId = $("#content_id").val();
if(contentData == "") {
$.smkAlert({text: 'กรุณากรอกเนื้อหา', type: 'danger'});
return false;
}
$("#spin").show();
// ใช้ $.ajax แทน $.post เพื่อความแม่นยำในการระบุประเภทข้อมูล
$.ajax({
url: "edit_content.php",
type: "POST",
data: {
content: contentData,
content_id: contentId
},
dataType: "json",
success: function(data) {
$("#spin").hide();
if (data.status === "success") {
$.smkAlert({text: data.message, type: 'success'});
} else {
$.smkAlert({text: data.message, type: 'danger'});
}
},
error: function(xhr, status, error) {
$("#spin").hide();
// ถ้าเด้งมาที่นี่ แสดงว่าไฟล์ edit_content.php มี Error บางอย่าง
alert("เกิดข้อผิดพลาด: " + xhr.responseText);
}
});
});
});
</script>
<!-- Mirrored from demos.creative-tim.com/material-dashboard-pro/examples/dashboard.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 20 Mar 2017 21:32:16 GMT -->
</html>
Zerion Mini Shell 1.0