Tengo un div oculto en mi página, quiero saber qué tipo de forma puedo hacer para seguir mostrando el div cuando se recarga la página, con el siguiente ejemplo:
Este es mi html:
<div class="card-body"> <div class="overlay" id="kt_datatable_nodata"> <div class="overlay-wrapper rounded bg-light text-center"> <p class="font-weight-bold text-center">Pilih data untuk dibandingkan</p> <a href='#right-modal' class='btn' data-toggle='modal'>Change Data</a> </div> </div> <!--begin::Table--> <div id="kt_datatable_fetch_display"></div> <!--End::Table--> </div>Este Mi javascript:
$('#kt_datatable').on('click','tr button', function() { var id = $(this).data('id'); $.ajax({ type: 'post', url: 'src/khu-pusat/compare/right-side/right-value.php', data: { 'rowid': id }, success: function(data) { $('#kt_datatable_nodata').addClass('hidden'); $('#kt_datatable_fetch_display').html(data); } }); })este valor-derecho.php :
<?php session_start(); include 'db_connect.php'; if (isset($_POST['rowid'])) { $id = $_POST['rowid']; $query = mysqli_query($config, "SELECT* FROM data_penilaian where id = '$id'"); $no = 1; while ($row = mysqli_fetch_array($query)) { ?> <form class="leftForms" method="POST"> <input type="hidden" name="id" value="<?= $row['id']; ?>"> <input type="text" name="position" value="<?= $row['position']; ?>"> </form> <?php } } ?>aquí lo que quiero hacer es qué tipo de manera puedo hacer para mantener kt_datatable_fetch_display encendido o después de que se vuelva a cargar la página. Gracias por cualquier ayuda.
No sé si entiendo bien lo que quieres hacer, pero creo que la única forma en que podrías lograr esto es hacer que tu botón agregue un parámetro de consulta que debe ser tu identificación.
Ejemplo:
// This goint to redirect to the new URL $('#kt_datatable').on('click','tr button', function() { var id = $(this).data('id'); var yourSiteURL = "http://localhost"; window.location.href = `yourSiteURL/${id}`; }); /* When DOM loads read query params and make your ajax req So, no matter page reloads, always goint to make the ajax req and fill your div */ $(document).ready(function(){ var searchParams = new URLSearchParams(window.location.href); var id = searchParams.get("id"); $.ajax({ type: 'post', url: 'src/khu-pusat/compare/right-side/right-value.php', data: { 'rowid': id }, success: function(data) { $('#kt_datatable_nodata').addClass('hidden'); $('#kt_datatable_fetch_display').html(data); } }); })