Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > สอบถามค่ะ จะ link menu จาก side Nav โดยไม่เปลี่ยนหน้า ต้องเขียนcode แบบไหนคะ


[PHP] สอบถามค่ะ จะ link menu จาก side Nav โดยไม่เปลี่ยนหน้า ต้องเขียนcode แบบไหนคะ

 
Topic : 136102



โพสกระทู้ ( 29 )
บทความ ( 0 )



สถานะออฟไลน์



สอบถามค่ะ คือมี side menu อยู่แต่พอดีโง่มาก ไม่ทราบว่าจะใส่ code ยังไงให้เมื่อคลิกที่ เมนูแล้ว ให้โชว์ข้อมูลทางด้านขวามือโดยไม่เปลี่ยนหน้าค่ะ
ีการคลิกแสดงหน้าเพจ



Tag : PHP, MySQL, HTML

Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2021-05-07 18:15:00 By : siriwimon2559 View : 1513 Reply : 4
 

 

No. 1



โพสกระทู้ ( 29 )
บทความ ( 0 )



สถานะออฟไลน์


Code (PHP)
001.<?php
002.session_start();
003.if($_SESSION['Idcard'] == "")
004.{
005.echo "Please Login!";
006.exit();
007.}
008.include "connect.php";
009. 
010.$Idcard = $_SESSION["Idcard"];
011.$IdStudent = $_SESSION["IdStudent"];
012.$FirstnameTH = $_SESSION["FirstnameTH"];
013.$LastnameTH = $_SESSION["LastnameTH"];
014.         
015.$strSQL = "SELECT * FROM studentdata where `Idcard` = '".$_SESSION['Idcard']."'";
016.$objQuery = mysqli_query($link,$strSQL);
017.$objResult = mysqli_fetch_array($objQuery,MYSQLI_ASSOC);
018.$MontOfBirth = $objResult['MontOfBirth'];
019. 
020.if($MontOfBirth=="มกราคม"){
021.    $Mont2 = "January";
022.}elseif($MontOfBirth=="กุมภาพันธ์"){
023.    $Mont2 = "February";
024.}elseif($MontOfBirth=="มีนาคม"){
025.    $Mont2 = "March";
026.}elseif($MontOfBirth=="เมษายน"){
027.    $Mont2 = "April";
028.}elseif($MontOfBirth=="พฤษภาคม"){
029.    $Mont2 = "May";
030.}elseif($MontOfBirth=="มิถุนายน"){
031.    $Mont2 = "June";
032.}elseif($MontOfBirth=="กรกฎาคม"){
033.    $Mont2 = "July";
034.}elseif($MontOfBirth=="สิงหาคม"){
035.    $Mont2 = "August";
036.}elseif($MontOfBirth=="กันยายน"){
037.    $Mont2 = "September";
038.}elseif($MontOfBirth=="ตุลาคม"){
039.    $Mont2 = "October";
040.}elseif($MontOfBirth=="พฤศจิกายน"){
041.    $Mont2 = "November";
042.}elseif($MontOfBirth=="ธันวาคม"){
043.    $Mont2 = "December";
044.}
045.?>
046.<!doctype html>
047.<html lang="en">
048.  <head>
049.    <meta charset="utf-8">
050.    <meta name="viewport" content="width=device-width, initial-scale=1">
051.    <meta name="description" content="">
052.    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
053.    <meta name="generator" content="Hugo 0.82.0">
054.    <title>IVEB Regist</title>
055. 
056.    <link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/dashboard/">
057. 
058.     
059. 
060.    <!-- Bootstrap core CSS -->
061.<link href="css/bootstrap.min.css" rel="stylesheet" >
062. 
063.    <!-- Favicons -->
064.<link rel="apple-touch-icon" href="/docs/5.0/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
065.<link rel="icon" href="/docs/5.0/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
066.<link rel="icon" href="/docs/5.0/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
067.<link rel="manifest" href="/docs/5.0/assets/img/favicons/manifest.json">
068.<link rel="mask-icon" href="/docs/5.0/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
069.<link rel="icon" href="/docs/5.0/assets/img/favicons/favicon.ico">
070.<meta name="theme-color" content="#7952b3">
071. 
072. 
073.    <style>
074.      .bd-placeholder-img {
075.        font-size: 1.125rem;
076.        text-anchor: middle;
077.        -webkit-user-select: none;
078.        -moz-user-select: none;
079.        user-select: none;
080.      }
081. 
082.      @media (min-width: 768px) {
083.        .bd-placeholder-img-lg {
084.          font-size: 3.5rem;
085.        }
086.      }
087.    </style>
088. 
089.     
090.    <!-- Custom styles for this template -->
091.    <link href="dashboard.css" rel="stylesheet">
092.  </head>
093.  <body>
094.     
095.<header class="navbar navbar-dark sticky-top bg-danger flex-md-nowrap p-0 shadow">
096.  <a class="navbar-brand col-md-3 col-lg-2 me-0 px-3" href="#"><?php echo "$FirstnameTH  $LastnameTH" ?></a>
097.  <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
098.    <span class="navbar-toggler-icon"></span>
099.  </button>
100.   
101.  <ul class="navbar-nav px-3">
102.    <li class="nav-item text-nowrap">
103.      <a class="nav-link" href="#">Sign out</a>
104.    </li>
105.  </ul>
106.</header>
107. 
108.       
109.<div class="container-fluid">
110.  <div class="row">
111.    <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
112.      <div class="position-sticky pt-3">
113.        <ul class="nav flex-column">
114.          <li class="nav-item">
115.            <a class="nav-link active" aria-current="page" href="#">
116.              <span data-feather="home"></span>
117.                 
118.              Dashboard
119.            </a>
120.          </li>
121.          <li class="nav-item">
122.            <a class="nav-link" href="#">
123.              <span data-feather="file"></span>
124.              Orders
125.            </a>
126.          </li>
127.          <li class="nav-item">
128.            <a class="nav-link" href="test2.php?act=load">
129.              <span data-feather="shopping-cart"></span>
130.              Products
131.            </a>
132.          </li>
133.          <li class="nav-item">
134.            <a class="nav-link" href="#">
135.              <span data-feather="users"></span>
136.              Customers
137.            </a>
138.          </li>
139.          <li class="nav-item">
140.            <a class="nav-link" href="#">
141.              <span data-feather="bar-chart-2"></span>
142.              Reports
143.            </a>
144.          </li>
145.          <li class="nav-item">
146.            <a class="nav-link" href="#">
147.              <span data-feather="layers"></span>
148.              Integrations
149.            </a>
150.          </li>
151.        </ul>
152. 
153.        <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
154.          <span>Saved reports</span>
155.          <a class="link-secondary" href="#" aria-label="Add a new report">
156.            <span data-feather="plus-circle"></span>
157.          </a>
158.        </h6>
159.        <ul class="nav flex-column mb-2">
160.          <li class="nav-item">
161.            <a class="nav-link" href="#">
162.              <span data-feather="file-text"></span>
163.              Current month
164.            </a>
165.          </li>
166.          <li class="nav-item">
167.            <a class="nav-link" href="#">
168.              <span data-feather="file-text"></span>
169.              Last quarter
170.            </a>
171.          </li>
172.          <li class="nav-item">
173.            <a class="nav-link" href="#">
174.              <span data-feather="file-text"></span>
175.              Social engagement
176.            </a>
177.          </li>
178.          <li class="nav-item">
179.            <a class="nav-link" href="#">
180.              <span data-feather="file-text"></span>
181.              Year-end sale
182.            </a>
183.          </li>
184.        </ul>
185.      </div>
186.    </nav>
187. 
188.    <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
189.         
190.      <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
191.          <!-- Container -->
192. 
193.        <h2 class="text-primary">ข้อมูลพื้นฐาน</h2>
194.         
195.      </div>
196. 
197.         
198.        <div class="row g-3">
199.        <div class="col-md-2">
200.              <label for="firstName" class="form-label">คำนำหน้าชื่อ</label>
201.              <input type="text" class="form-control" id="firstName" placeholder="" value="<?= $objResult['PrefixTH'];?>" readonly="readonly" required>
202.              <div class="invalid-feedback">
203.                Valid first name is required.
204.              </div>
205.            </div>
206. 
207.            <div class="col-md-3">
208.              <label for="lastName" class="form-label">ชื่อ</label>
209.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['FirstnameTH'];?>" readonly="readonly" required>
210.              <div class="invalid-feedback">
211.                Valid last name is required.
212.              </div>
213.            </div>
214. 
215.            <div class="col-md-3">
216.              <label for="lastName" class="form-label">นามสกุล</label>
217.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['LastnameTH'];?>" readonly="readonly" required>
218.              <div class="invalid-feedback">
219.                Valid last name is required.
220.              </div>
221.            </div>
222.             
223.            <div class="col-md-2">
224.              <label for="firstName" class="form-label">รหัสประจำตัวนักศึกษา</label>
225.              <input type="text" class="form-control" id="firstName" placeholder="" value="<?= $objResult['IdStudent'];?>" readonly="readonly" required>
226.              <div class="invalid-feedback">
227.                Valid first name is required.
228.              </div>
229.            </div>
230. 
231.            <div class="col-md-2">
232.              <label for="lastName" class="form-label">เลขประจำตัวประชาชน</label>
233.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['Idcard'];?>" readonly="readonly" required>
234.              <div class="invalid-feedback">
235.                Valid last name is required.
236.              </div>
237.            </div>
238. 
239.            <div class="col-md-2">
240.              <label for="lastName" class="form-label">Title</label>
241.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['PrefixEng'];?>" readonly="readonly" required>
242.              <div class="invalid-feedback">
243.                Valid last name is required.
244.              </div>
245.            </div>
246.            <div class="col-md-3">
247.              <label for="lastName" class="form-label">Firstname</label>
248.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['FirstnameEng'];?>" readonly="readonly" required>
249.              <div class="invalid-feedback">
250.                Valid last name is required.
251.              </div>
252.            </div>
253.            <div class="col-md-3">
254.              <label for="lastName" class="form-label">Lastname</label>
255.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['LastnameEng'];?>" readonly="readonly" required>
256.              <div class="invalid-feedback">
257.                Valid last name is required.
258.              </div>
259.            </div>
260.        </div>
261.         
262.        <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
263.          <!-- Container -->
264. 
265.        <h2 class="text-primary">ข้อมูลวัดเกิด</h2>
266.         
267.      </div>
268.         
269.        <div class="row g-3">
270.        <div class="col-md-1">
271.              <label for="firstName" class="form-label">วันที่</label>
272.              <input type="text" class="form-control" id="firstName" placeholder="" value="<?= $objResult['DateOfBirth'];?>" readonly="readonly" required>
273.              <div class="invalid-feedback">
274.                Valid first name is required.
275.              </div>
276.            </div>
277. 
278.            <div class="col-md-3">
279.              <label for="lastName" class="form-label">เดือน</label>
280.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['MontOfBirth'];?>" readonly="readonly" required>
281.              <div class="invalid-feedback">
282.                Valid last name is required.
283.              </div>
284.            </div>
285. 
286.            <div class="col-md-1">
287.              <label for="lastName" class="form-label">ปี พ.ศ.</label>
288.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['YearOfBirthTH'];?>" readonly="readonly" required>
289.              <div class="invalid-feedback">
290.                Valid last name is required.
291.              </div>
292.            </div>
293.             
294.            <div class="col-md-1">
295.              <label for="firstName" class="form-label">วันที่/ENG</label>
296.              <input type="text" class="form-control" id="firstName" placeholder="" value="<?= $objResult['DateOfBirth'];?>" readonly="readonly" required>
297.              <div class="invalid-feedback">
298.                Valid first name is required.
299.              </div>
300.            </div>
301. 
302.            <div class="col-md-3">
303.              <label for="lastName" class="form-label">เดือน/ENG</label>
304.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $Mont2;?>" readonly="readonly" required>
305.              <div class="invalid-feedback">
306.                Valid last name is required.
307.              </div>
308.            </div>
309. 
310.            <div class="col-md-1">
311.              <label for="lastName" class="form-label">ปี ค.ศ.</label>
312.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['YearOfBirthTH']-543;?>" readonly="readonly" required>
313.              <div class="invalid-feedback">
314.                Valid last name is required.
315.              </div>
316.            </div>
317.             
318.             
319.        </div>
320.         
321.        <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
322.          <!-- Container -->
323. 
324.        <h2 class="text-primary">ข้อมูลการศึกษา</h2>
325.         
326.      </div>
327.         
328.        <div class="row g-3">
329.        <div class="col-md-4">
330.              <label for="firstName" class="form-label">วิทยาลัย</label>
331.              <input type="text" class="form-control" id="firstName" placeholder="" value="<?= $objResult['college'];?>" readonly="readonly" required>
332.              <div class="invalid-feedback">
333.                Valid first name is required.
334.              </div>
335.            </div>
336. 
337.            <div class="col-md-3">
338.              <label for="lastName" class="form-label">สาขาวิชา</label>
339.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['subject'];?>" readonly="readonly" required>
340.              <div class="invalid-feedback">
341.                Valid last name is required.
342.              </div>
343.            </div>
344.             
345.             <div class="col-md-2">
346.              <label for="lastName" class="form-label">ปีที่สำเร็จการศึกษา</label>
347.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['yGraduate'];?>" readonly="readonly" required>
348.              <div class="invalid-feedback">
349.                Valid last name is required.
350.              </div>
351.            </div>
352.             
353.            <div class="col-md-2">
354.              <label for="lastName" class="form-label">ภาคเรียนที่</label>
355.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['yLearn'];?>" readonly="readonly" required>
356.              <div class="invalid-feedback">
357.                Valid last name is required.
358.              </div>
359.            </div>
360.        </div>
361.             
362.        <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
363.          <!-- Container -->
364. 
365.        <h2 class="text-primary">ข้อมูลที่อยู่ปัจจุบัน</h2>
366.         
367.      </div>
368.         
369.        <div class="row g-3">
370.        <div class="col-md-1">
371.              <label for="firstName" class="form-label">เลขที่</label>
372.              <input type="text" class="form-control" id="firstName" placeholder="" value="<?= $objResult['NoH'];?>" readonly="readonly" required>
373.              <div class="invalid-feedback">
374.                Valid first name is required.
375.              </div>
376.            </div>
377. 
378.            <div class="col-md-1">
379.              <label for="lastName" class="form-label">หมู่</label>
380.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['Moo'];?>" readonly="readonly" required>
381.              <div class="invalid-feedback">
382.                Valid last name is required.
383.              </div>
384.            </div>
385.             
386.             <div class="col-md-2">
387.              <label for="lastName" class="form-label">ซอย</label>
388.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['Soi'];?>" readonly="readonly" required>
389.              <div class="invalid-feedback">
390.                Valid last name is required.
391.              </div>
392.            </div>
393.             
394.             <div class="col-md-2">
395.              <label for="lastName" class="form-label">ถนน</label>
396.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['Road'];?>" readonly="readonly" required>
397.              <div class="invalid-feedback">
398.                Valid last name is required.
399.              </div>
400.            </div>
401.             
402.            <div class="col-md-2">
403.              <label for="lastName" class="form-label">ตำบล/แขวง</label>
404.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['canton'];?>" readonly="readonly" required>
405.              <div class="invalid-feedback">
406.                Valid last name is required.
407.              </div>
408.            </div>
409.             
410.            <div class="col-md-2">
411.              <label for="lastName" class="form-label">อำเภอ/เขต</label>
412.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['District'];?>" readonly="readonly" required>
413.              <div class="invalid-feedback">
414.                Valid last name is required.
415.              </div>
416.            </div>
417.             
418.            <div class="col-md-2">
419.              <label for="lastName" class="form-label">จังหวัด</label>
420.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['province'];?>" readonly="readonly" required>
421.              <div class="invalid-feedback">
422.                Valid last name is required.
423.              </div>
424.            </div>
425.             
426.            <div class="col-md-2">
427.              <label for="lastName" class="form-label">รหัสไปรษณีย์</label>
428.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['postID'];?>" readonly="readonly" required>
429.              <div class="invalid-feedback">
430.                Valid last name is required.
431.              </div>
432.            </div>
433.             
434.            <div class="col-md-2">
435.              <label for="lastName" class="form-label">โทรศัพท์บ้าน</label>
436.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['tell'];?>" readonly="readonly" required>
437.              <div class="invalid-feedback">
438.                Valid last name is required.
439.              </div>
440.            </div>
441.             
442.            <div class="col-md-2">
443.              <label for="lastName" class="form-label">โทรศัพท์มือถือ</label>
444.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['tell'];?>" readonly="readonly" required>
445.              <div class="invalid-feedback">
446.                Valid last name is required.
447.              </div>
448.            </div>
449.             
450.            <div class="col-md-2">
451.              <label for="lastName" class="form-label">E-mail</label>
452.              <input type="text" class="form-control" id="lastName" placeholder="" value="<?= $objResult['email'];?>" readonly="readonly" required>
453.              <div class="invalid-feedback">
454.                Valid last name is required.
455.              </div>
456.            </div>
457.            </div>
458.      
459.         
460.    </main>
461.  </div>
462.</div>
463.      <br>
464.      <center>
465.      <div class="form"><br>
466.      <a href="http://localhost/register/loginRegisterGraduat.php" class="btn btn-info btn-lg" role="button"><b>ยื่นคำร้องขอขึ้นทะเบียนบัณฑิต</b></a>
467.           
468.          <br>
469.          
470.           
471.          <!--        <div class="well">-->
472.<!---->
473.<!--            <font size="2" color="#a52a2a"><b> กรณีเข้าสู่ระบบโดยใช้ KKUMail</font> <br>-->
474.<!--            <font size="2" color="#00008b"><b><span class="glyphicon glyphicon-plus-sign"></span><a-->
475.<!--                        href="https://accounts.kkumail.com/signup" target="_blank"> Sign Up KKUMail-->
476.<!--                        (กรณีไม่มี)</a></b></font> <br>-->
477.<!--            <font size="2" color="#00008b"><b><span class="glyphicon glyphicon-question-sign"></span><a-->
478.<!--                        href="https://password.kku.ac.th/recovery" target="_blank"> Forgot Account / Password </a></b></font>-->
479.<!--        </div>-->
480.      <br>
481.  </div>
482.           <h5 class="text-danger">กรุณาตรวจสอบข้อมูลของท่านให้ถูกต้องครบถ้วนก่อนยื่นคำร้องขอขึ้นทะเบียนบัณฑิต</h5>
483.          </center>
484.    <script src="/docs/5.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
485. 
486.      <script src="https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js" integrity="sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE" crossorigin="anonymous"></script><script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js" integrity="sha384-zNy6FEbO50N+Cg5wap8IKA4M/ZnLJgzc6w2NqACZaK0u0FXfOWRRJOnQtpZun8ha" crossorigin="anonymous"></script><script src="dashboard.js"></script>
487.       
488.      <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
489.          <!-- Container -->
490.      </div>
491.    <center>
492.        
493.    </center>
494.  </body>
495.</html>



ประวัติการแก้ไข
2021-05-07 18:18:21
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-05-07 18:17:25 By : siriwimon2559
 

 

No. 2



โพสกระทู้ ( 9,590 )
บทความ ( 2 )



สถานะออฟไลน์


ตัวอย่าง แบบเบสิค ใช้ jquery
Code (PHP)
01.<style>
02..d-none{ display: none; }
03.</style>
04.<div id="side_menui">
05.  <ul>
06.      <li data-menu="menu1">menu1</li>
07.      <li data-menu="menu2">menu2</li>
08.      <li data-menu="menu3">menu3</li>
09.   </ul>
10.</div>
11.<div class="content" id="menu1" >Content Menu 1 </div>
12.<div class="content d-none" id="menu2" >Content Menu 1 </div>
13.<div class="content d-none" id="menu3" >Content Menu 1 </div>
14. 
15.<script>
16.$(document).ready(()=>{
17.  $('li').click(function(){
18.     $('.content').addClass('d-none');
19.     $('#'+$(this).data('menu')).removeClass('d-none');
20.  });
21.});
22.</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-05-07 22:03:45 By : Chaidhanan
 

 

No. 3



โพสกระทู้ ( 4,765 )
บทความ ( 8 )



สถานะออฟไลน์


คลิกเมนูทางซ้ายแล้วโชว์ข้อมูลทางขวาโดยไม่เปลี่ยนหน้า?
ใช้ ajax. ศึกษาเพิ่มเติมเกี่ยวกับ ajax.

แต่ แน่ใจเหรอว่าการทำงานมันใช่แบบนั้น?
เพราะทางซ้ายคือเมนูไปแต่ละหน้า แล้วแต่ละหน้า เช่น products, customers มันควรมีหลายรายการ ไม่ใช่รายการเดียว ดังนั้นคลิกเมนูทางซ้ายแล้วควรจะเป็นหน้าตารางรายการรวมของแต่ละเมนู เช่น products ก็ไปแสดงรายการสินค้าทั้งหมด แล้วค่อยคลิกแก้ไขหรือเพิ่มจึงค่อยเข้าหน้าฟอร์มนี้.
ดังนั้นจึงย้อนถามอีกทีว่าคลิกเมนูแล้วดึงข้อมูลมาทางขวาเลย ซึ่งเป็นฟอร์ม มันใช่เหรอ? เพราะนั่นหมายความว่าจะมีสินค้าแค่อันเดียว ลูกค้าแค่คนเดียว ทุกเมนูมีรายการเดียวเพิ่มลบอะไรไม่ได้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-05-08 08:05:15 By : mr.v
 

 

No. 4



โพสกระทู้ ( 29 )
บทความ ( 0 )



สถานะออฟไลน์


ขอบคุณมากเลยค่ะ คุณChaidhanan เป็นประโยชน์มากเลย ทำตามคำแนะนำได้แล้วค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2021-05-08 18:43:56 By : ama
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามค่ะ จะ link menu จาก side Nav โดยไม่เปลี่ยนหน้า ต้องเขียนcode แบบไหนคะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่