اذهب إلى المحتوى
  • 0

اظهار رسالة عند الضغط على زر الحذف

ايمن ميلاد

السؤال

السلام عليكم لدي كود تالي عرض بيانات اريد عندما اضغط علي زر حذف تظهر رسالة هل انت متاكد من عملية الحذف 

باستعمال مكتبة sweetalert2 ياريت تعديل على كود اخواني الكرام 

<?php
include('header.php');
?>
<!-------------------------------------------------------------------------------->
<!------------------------------------header-------------------------------------->
<!-------------------------------------------------------------------------------->

<div class="col-md-9 pan1">
	<ol class="breadcrumb" style="background-color: #fff;padding-top:8px;padding-bottom:8px;color:#000;font-size:16px;">
		<li>الطلبة</li>
	</ol>

</div>
</div>
<div class="row">
	<div class="col-md-9 pan1">
		<div class="panel" style="color:#000;">
			<div class="panel-body" style="font-size:14px; padding-left:40px;padding-right:40px;padding-bottom:25px;padding-top:25px;">
				<p style="margin-bottom: 20px;">
					<a class="btn-add" href="add-student.php"> إضافة <span class="ion-android-add"></span></a>
				</p>

				<?php


				if (!isset($_GET['page'])) {

					$page = 1;
				} else {

					$page = (int)$_GET['page'];
				}

				$post_at_page = 10; //عدد البوستات التي يعرضها في كل صفحة
				$query_post_count = mysqli_query($con, "SELECT * FROM `std_show_adm`");
				$query_count = mysqli_num_rows($query_post_count);
				mysqli_free_result($query_post_count);

				$query_count = (int)ceil($query_count / $post_at_page);

				/*تحقق ن إدا كانت المدخلات في بارميتر page*/
				if (($page > $query_count) || ($page <= 0)) {

					echo '<div class="alert alert-danger" role="alert">خطأ لم يتم العثور على صفحة</div>';
					echo '<meta http-equiv="refresh" content="2;url=student.php" />';
				}
				$start = ($page - 1) * $post_at_page;
				$end = $post_at_page;
				$querypost = "SELECT * FROM std_show_adm  ORDER BY id_std DESC LIMIT $start,$end";
				//mysql_query("set character_set_server='utf8'"); 
				//mysql_query("SET NAMES 'utf8'");
				$result = mysqli_query($con, $querypost);
				//   mysql_query("set character_set_server='utf8'"); 
				//	mysql_query("SET NAMES 'utf8'");
				echo '<div class="table-responsive">
				    <table class="table table-bordered table-hover">
					 	  <tr>
						  <td> رقم القيد </td>
						  <td> أسم الطالب </td>
						  <td> التخصص </td>
						  <td> تعديل  </td>
						  <td> حذف </td>
						  </tr>';
				while ($rows = @mysqli_fetch_array($result)) {

					echo '

				    
					  <tr>
					 <td>' . $rows['id_std'] . ' </td>
					 <td>' . $rows['Name_std'] . '</td>
					 <td>' . $rows['Name_dept'] . '</td>
					 <td style="padding: 10px;"><a href="edit-student.php?id=' . $rows['id_std'] . '" class="btn-edit"><span class="glyphicon glyphicon-pencil"></span> تعديل </a></td>
					 <td style="padding: 10px;"><a href="delete-student.php?id=' . $rows['id_std'] . '" class="btn-delete"><span class="glyphicon glyphicon-trash"></span> حذف </a></td>
					 </tr>';
				}


				echo " </table>";


				?>



				<nav>
					<ul class="pager">
						<li><a href="student.php?page=<?php echo ($page - 1); ?>" style="color:#000;">الصفحة السابقة</a></li>
						<li><a href="student.php?page=<?php echo ($page + 1); ?>" style="color:#000;">الصفحة التالية </a></li>
					</ul>
				</nav>
			</div>
		</div>
	</div>
</div>
</div>











<!-------------------------------------------------------------------------------->
<!------------------------------------Footer-------------------------------------->
<!-------------------------------------------------------------------------------->

<?php
include('footer.php');
?>

 

مرة ماضية عند الضغط علي زر الان tag a

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

 

لإضافة مكتبة SweetAlert2 يجب أن تبدأ بتضمينها في الصفحة، يمكنك القيام بذلك عن طريق إضافة الرابط إلى الـ `<head>` في قسم الهيدر:

<head>
    <!-- مكتبة SweetAlert2 -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>

بعدها تقوم بتعديل رابط حذف الطالب في الجدول لاستدعاء دالة تقوم بعرض رسالة تأكيد باستخدام SweetAlert2. يجب أن يكون لديك سكربت خاص يقوم بإدارة عملية الحذف.

بعدها تقوم بتغيير الرابط في الجدول إلى ما يلي:

<td style="padding: 10px;">
    <a href="#" class="btn-delete" onclick="confirmDelete(<?php echo $rows['id_std']; ?>)">
        <span class="glyphicon glyphicon-trash"></span> حذف
    </a>
</td>

ثم تضيف السكربت التالي في الجزء السفلي من صفحتك لإنشاء دالة `()confirmDelete` التي تعرض رسالة تأكيد الحذف.

<script>
    function confirmDelete(studentId) {
        Swal.fire({
            title: 'هل أنت متأكد؟',
            text: "لن تتمكن من استعادة هذه البيانات!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'نعم, احذفها!'
        }).then((result) => {
            if (result.isConfirmed) {
                // إذا تم الضغط على زر التأكيد، يقوم بإعادة توجيه المستخدم إلى صفحة حذف الطالب
                window.location.href = 'delete-student.php?id=' + studentId;
            }
        });
    }
</script>

وهذا الكود الكامل بعد التعديلات:

<?php
include('header.php');
?>

<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>عرض الطلاب</title>
    <!-- مكتبة SweetAlert2 -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>
<body>

<div class="col-md-9 pan1">
    <ol class="breadcrumb" style="background-color: #fff;padding-top:8px;padding-bottom:8px;color:#000;font-size:16px;">
        <li>الطلبة</li>
    </ol>
</div>

</div>

<div class="row">
    <div class="col-md-9 pan1">
        <div class="panel" style="color:#000;">
            <div class="panel-body" style="font-size:14px; padding-left:40px;padding-right:40px;padding-bottom:25px;padding-top:25px;">
                <p style="margin-bottom: 20px;">
                    <a class="btn-add" href="add-student.php"> إضافة <span class="ion-android-add"></span></a>
                </p>

                <?php
                // استدعاء البيانات من قاعدة البيانات
                if (!isset($_GET['page'])) {
                    $page = 1;
                } else {
                    $page = (int)$_GET['page'];
                }

                $post_at_page = 10;
                $query_post_count = mysqli_query($con, "SELECT * FROM `std_show_adm`");
                $query_count = mysqli_num_rows($query_post_count);
                mysqli_free_result($query_post_count);
                $query_count = (int)ceil($query_count / $post_at_page);

                if (($page > $query_count) || ($page <= 0)) {
                    echo '<div class="alert alert-danger" role="alert">خطأ لم يتم العثور على صفحة</div>';
                    echo '<meta http-equiv="refresh" content="2;url=student.php" />';
                }
                $start = ($page - 1) * $post_at_page;
                $end = $post_at_page;
                $querypost = "SELECT * FROM std_show_adm  ORDER BY id_std DESC LIMIT $start,$end";
                $result = mysqli_query($con, $querypost);
                echo '<div class="table-responsive">
                        <table class="table table-bordered table-hover">
                            <tr>
                                <td> رقم القيد </td>
                                <td> أسم الطالب </td>
                                <td> التخصص </td>
                                <td> تعديل  </td>
                                <td> حذف </td>
                            </tr>';

                while ($rows = @mysqli_fetch_array($result)) {
                    echo '<tr>
                            <td>' . $rows['id_std'] . ' </td>
                            <td>' . $rows['Name_std'] . '</td>
                            <td>' . $rows['Name_dept'] . '</td>
                            <td style="padding: 10px;"><a href="edit-student.php?id=' . $rows['id_std'] . '" class="btn-edit"><span class="glyphicon glyphicon-pencil"></span> تعديل </a></td>
                            <td style="padding: 10px;"><a href="#" class="btn-delete" onclick="confirmDelete(' . $rows['id_std'] . ')"><span class="glyphicon glyphicon-trash"></span> حذف </a></td>
                        </tr>';
                }

                echo "</table>";

                ?>
                <nav>
                    <ul class="pager">
                        <li><a href="student.php?page=<?php echo ($page - 1); ?>" style="color:#000;">الصفحة السابقة</a></li>
                        <li><a href="student.php?page=<?php echo ($page + 1); ?>" style="color:#000;">الصفحة التالية </a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>

</body>
</html>
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 2 ساعة قال AYMEN_1997:

بارك الله فيك لماذا يظهر صغير مربع رسالة 

تستطيع تعديل حجم صندوق الرسالة من خلال إضافة السطر التالي داخل دالة confirmDelete:

Swal.fire({
...
width: 600,
height: 200, 
...
});

وتعديل القيم كما تريد..

أو من خلال CSS كالتالي:

.swal2-modal {
  width: 600px !important;
  height: 200px !important;
}

أيضًا هناك عض الخيارات الإضافية لتعديل شكل صندوق الرسالة:

  • padding: للتحكم في المسافة بين محتوى صندوق الرسالة وحدوده.
  • margin: للتحكم في المسافة بين صندوق الرسالة وباقي العناصر على الصفحة.
  • background-color: لتغيير لون خلفية صندوق الرسالة.
  • border-radius: لتغيير شكل زوايا صندوق الرسالة.
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 10 دقائق مضت قال AYMEN_1997:

انا اريد تكبير حجم خط داخل رسالة واريد تكبير طول لا يتغير بعد عمل ارتفاع له 

الأمر بسيط من خلال CSS عليك عمل inspect للعنصر ثم تفقد ما هو اسم الـ class أو الـ id الخاص به ثم استهدافه في css وتطبيق التنسيقات التي تريدها، ولا تنسى استخدام !important من أجل فرض تطبيق التنسيق وإعطاء أولوية لتنسيقاتك وليس تنسيقات المكتبة.

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

 يقوم بعملية الحذف صحيح ولكن يذهب لصفحة delete.php ويظهر في alert  انا اريد يظهر صورة مرفقة فقط اخي 

بحيث يظهر فيه تم الحذف بنجاح

لقطة شاشة 2024-03-18 111515.png

<?php
include('header.php');
?>
<!-------------------------------------------------------------------------------->
<!------------------------------------header-------------------------------------->
<!-------------------------------------------------------------------------------->
<div class="col-md-9 pan1">
	<ol class="breadcrumb" style="background-color: #fff;padding-top:8px;padding-bottom:8px;color:#000;font-size:16px;">
		<li><a href="student.php">الطلبة</a></li>
		<li class="active">حذف بيانات الطالب</li>
	</ol>
</div>
</div>
<div class="row">

	<div class="col-md-9 pan1">
		<div class="panel" style="color:#000;">
			<div class="panel-body" style="font-size:14px; padding-left:40px;padding-right:40px;padding-bottom:25px;padding-top:25px;">
				<?php
				if (isset($_GET['id'])) {
					$id_s = intval($_GET['id']);

					$sql = "DELETE FROM `student` WHERE `id_std`=$id_s";


					mysqli_query($con, $sql);
					echo '<div class="col-md-12">';
					echo '<div class="text-center alert alert-success" role="alert">تم الحذف بنجاح</div>';
					echo '<meta http-equiv="refresh" content="3;url=student.php" />';
					echo '</div>';
				}

				?>
			</div>
		</div>
	</div>
</div>








<!-------------------------------------------------------------------------------->
<!------------------------------------Footer-------------------------------------->
<!-------------------------------------------------------------------------------->

<?php
include('footer.php');
?>

 

تم التعديل في بواسطة AYMEN_1997
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...