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

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

Samir Boukheche

بواسطة Samir Boukheche

 مشاركة

السؤال

Samir Boukheche عضو نشيط

Samir Boukheche

نشر
نشر (معدل)

من فضلكم لدي الفورمات جاهزين والتصميم جاهز كيف ادخل الفورم حتى لما الزبون يختار صورة بيخرجله فورم الطلب مباشرة ويرسل بدون تحديث الصفجة ب ajax

ده الفورم داخل المودل  

<div id="mymodal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Add New Tag</h4>
        </div>
          <form action="" method="post" class="new-card-form">
                        <?php if (isset($error) && !empty($error)) { ?>
                          <div class="alert alert-danger">
                            <strong>خطأ!</strong> <?= $error ?>
                          </div>
                        <?php } ?>
                        <div class="form-group">
                          <div class="col-md-12">
                            <label for="playerid" style="font-weight: bold;color: #3e5a94;">رقم id<span class="required" style="color:red">*</span></label>
                            <input  style="border: 1px solid #39b6b9" type="text" required name="playerid" class="form-control input-md" placeholder="أدخل رقم id" value="<?= @$_POST['playerid'] ?>">
                          </div>
                        </div>
                        <div class="form-group">
                          <div class="col-md-12">
                            <label for="confirm_playerid" style="font-weight: bold;color: #3e5a94;">أعد رقم id<span class="required" style="color:red">*</span></label>
                            <input style="border: 1px solid #39b6b9" type="text" required name="confirm_playerid" class="form-control input-md" placeholder="أعد ادخال رقم id" value="<?= @$_POST['confirm_playerid'] ?>">
                          </div>
                        </div>
                        <div class="form-group">
                          <div class="col-md-12">
                            <label for="playername" style="font-weight: bold;color: #3e5a94;">(للتأكيد) اسمك داخل اللعبة<span class="required" style="color:red">*</span></label>
                            <input style="border: 1px solid #39b6b9" type="text" required name="playername" class="form-control input-md" placeholder="أدخل اسمك داخل اللعبة" value="<?= @$_POST['playername'] ?>">
                          </div>
                        </div>
                        <div class="form-group">
                          <div class="col-md-12">
                            <label for="card_no" style="font-weight: bold;color: #3e5a94;">رقم البطاقة<span class="required" style="color:red">*</span></label>
                            <input  type="text" required name="card_no" class="form-control input-md" style="border: 1px solid #39b6b9"placeholder="أدخل رقم البطاقة" value="<?= @$_POST['card_no'] ?>">
                          </div>
                        </div>

                    
                        <div class="row mt-lg">
                          <div class="col-md-12 center">
                            <input type="submit" name="Submit1" value="ارسال الطلب" class="btn btn-success pull-left mb-xl">
                            <a href="order_status.php" class="btn btn-primary pull-left mb-xl mx-2">تتبع طلبي</a>
                          </div>
    
                        </div>
                      </form>
    </div>
</div>

 

top.PNG

top1.PNG

تم التعديل في بواسطة Adnane Kadri
توضيح السؤال
  • أعجبني 1
رابط هذا التعليق
شارك على الشبكات الإجتماعية

4 أجوبة على هذا السؤال

Recommended Posts

  • 0
Adnane Kadri عضو نشيط

Adnane Kadri

نشر
نشر

يمكنك معاملة الصور و أيقونات كزر فتح المودل , سيتبع الكود منطقا مشابها : 

<button type="button" class="btn" data-toggle="modal" data-target="#mymodal">
  <img src="img1.png" />
</button>

<button type="button" class="btn" data-toggle="modal" data-target="#mymodal">
  <img src="img2.png" />
</button>

<button type="button" class="btn" data-toggle="modal" data-target="#mymodal">
  <img src="img3.png" />
</button>

<button type="button" class="btn" data-toggle="modal" data-target="#mymodal">
  <img src="img4.png" />
</button>


<!-- المودل يبدأ هنا -->

و بالطبع ستحتاج إرسال طلب الأجاكس بشكل منفصل . 

سنحتاج أولا تعريف النموذج و إضافة حدث عن طريق الجافاسكربت : 

var myForm = document.querySelector('#myform');

myForm.addEventListener('submit' ,function(e){
    e.preventDefault(); // منع تحديث الصفحة 

    sendAjaxRequest();
});


function sendAjaxRequest()
{
    // سيتم إرسال طلب الاجاكس هنا
}

حيث أن الدالة sendAjaxRequest ستكون المسؤولة عن إرسال هذا الطلب .

  

function sendAjaxRequest()
{
  //  XMLHttpRequest تعريف نموذج عن الكائن 
  var xhttp = new XMLHttpRequest(); 
  
  // جلب البيانات من النموذج 
  var formData = new FormData(document.querySelector('#myForm'))

  
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       alert('تم إرسال الطلب');
    }
  };
  
  xhttp.open("POST", "http://path.to/endPoint/example", true); // فتح طلب 
  xhttp.send(formData); // إرسال طلب 
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية
  • 0
Samir Boukheche عضو نشيط

Samir Boukheche

نشر
  • الكاتب
نشر
بتاريخ 8 ساعات قال Adnane Kadri:

يمكنك معاملة الصور و أيقونات كزر فتح المودل , سيتبع الكود منطقا مشابها : 


<button type="button" class="btn" data-toggle="modal" data-target="#mymodal">
  <img src="img1.png" />
</button>

<button type="button" class="btn" data-toggle="modal" data-target="#mymodal">
  <img src="img2.png" />
</button>

<button type="button" class="btn" data-toggle="modal" data-target="#mymodal">
  <img src="img3.png" />
</button>

<button type="button" class="btn" data-toggle="modal" data-target="#mymodal">
  <img src="img4.png" />
</button>


<!-- المودل يبدأ هنا -->

و بالطبع ستحتاج إرسال طلب الأجاكس بشكل منفصل . 

سنحتاج أولا تعريف النموذج و إضافة حدث عن طريق الجافاسكربت : 


var myForm = document.querySelector('#myform');

myForm.addEventListener('submit' ,function(e){
    e.preventDefault(); // منع تحديث الصفحة 

    sendAjaxRequest();
});


function sendAjaxRequest()
{
    // سيتم إرسال طلب الاجاكس هنا
}

حيث أن الدالة sendAjaxRequest ستكون المسؤولة عن إرسال هذا الطلب .

  


function sendAjaxRequest()
{
  //  XMLHttpRequest تعريف نموذج عن الكائن 
  var xhttp = new XMLHttpRequest(); 
  
  // جلب البيانات من النموذج 
  var formData = new FormData(document.querySelector('#myForm'))

  
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       alert('تم إرسال الطلب');
    }
  };
  
  xhttp.open("POST", "http://path.to/endPoint/example", true); // فتح طلب 
  xhttp.send(formData); // إرسال طلب 
}

 

لاكن اخي انا عملت الصور الست بالبوتستراب 

<div class="container itemes">
      <div class="row  justify-content-center">
        <div class="col-6" style="text-align: center">
            <img class="img" style="display: block; width: 160px; height: 180px; padding: 29px 10px; margin: 0 auto 13px;border-bottom: 1px solid #ececec;text-align: center;"  src="https://cdngarenanow-a.akamaihd.net/gop/app/0000/100/067/icon.png" alt="شحن Free Fire">
            <h2 style="margin-top:0px;">FREE FIRE</h2>
          
          </div>
          <!---->
          <div class="col-6" style="text-align: center">
          <img class="img" style="display: block; width: 160px; height: 185px; padding: 29px 10px;border-bottom: 1px solid #ececec; margin: 0 auto 13px;text-align: center; " src="img/pubgg.png" alt="شحن Free Fire">
                      <h2 style="margin-top:0px;">PUBG</h2>

          </div>
    
    
    </div>
    <!--row2222-->
    <div class="row  justify-content-center">
        <div class="col-6" style="text-align: center">
          <img class="img" style="display: block; width: 160px; height: 180px; padding: 29px 10px; margin: 0 auto 13px;border-bottom: 1px solid #ececec;text-align: center;"  src="img/ccp.png" alt="شحن Free Fire">
            <h2 style="margin-top:0px;">BARIDI MOB</h2>
          
      </div>
          <div class="col-6" style="text-align: center">
          <img class="img" style="display: block; width: 160px; height: 180px; padding: 29px 10px;border-bottom: 1px solid #ececec; margin: 0 auto 13px;text-align: center;" src="img/fb.png" alt="شحن Free Fire">
                      <h2 style="margin-top:0px;">PAGE FB</h2>

          </div>
    
    
    </div>
    <!--row2222-->
</div>


كيف اخلي الصورة كما هي او العمود نفسه هو الزر

رابط هذا التعليق
شارك على الشبكات الإجتماعية
  • 0
Adnane Kadri عضو نشيط

Adnane Kadri

نشر
نشر
بتاريخ 13 ساعات قال Reda Boukheche:

لاكن اخي انا عملت الصور الست بالبوتستراب

كيف اخلي الصورة كما هي او العمود نفسه هو الزر

يمكنك إضافة الخاصيتين data-toggle و data-target لوسم الصورة أو العمود :  

data-toggle="modal" data-target="#mymodal"

سيقوم هذا بفتح المودل بعد الصغط على الصورة أو العمود .

اقتباس

يمكنك معاملة الصور و أيقونات كزر فتح المودل

رابط هذا التعليق
شارك على الشبكات الإجتماعية
  • 0
Samir Boukheche عضو نشيط

Samir Boukheche

نشر
  • الكاتب
نشر
بتاريخ 5 ساعات قال Adnane Kadri:

يمكنك إضافة الخاصيتين data-toggle و data-target لوسم الصورة أو العمود :  


data-toggle="modal" data-target="#mymodal"

سيقوم هذا بفتح المودل بعد الصغط على الصورة أو العمود . 

<?php
error_reporting(0);
session_start();
require_once('data_config.php');
if (!empty($_POST["remember"])) {
  setcookie("member_login", $_POST["userName"], time() + (10 * 365 * 24 * 60 * 60));
  setcookie("member_login", $_POST["password"], time() + (10 * 365 * 24 * 60 * 60));
} else {
  if (isset($_COOKIE["member_login"])) {
    setcookie("member_login", "");
  }
}
include "connect.php";
$selected_game = (!empty($_POST['game'])) ? (string)$_POST['game'] : 'freefire';
$selected_offer = (!empty($_POST['amount'])) ? (int)$_POST['amount'] : 0;
if (isset($_POST['Submit1'])) {
  if (empty($_POST['card_no']) || empty($_POST['playerid']) || empty($_POST['confirm_playerid']) || empty($_POST['playername'])) {
    $error = "الرجاء ملأ جميع الخانات المطلوبة";
  } else {
    $card_no = @htmlentities(strip_tags($_POST['card_no']));
    $playerid = @htmlentities(strip_tags($_POST['playerid']));
    $confirm_playerid = @htmlentities(strip_tags($_POST['confirm_playerid']));
    $playername = @htmlentities(strip_tags($_POST['playername']));

    if ($playerid != $confirm_playerid) {
      $error = "رقم id غير متطابقين";
    } else {
      $sql = "SELECT * FROM cards WHERE card_no='$card_no' AND finshed=0 LIMIT 1";
      $result = mysqli_query($conn, $sql);
      $card_exists = (int)mysqli_num_rows($result);

      if ($card_exists <= 0) {
        $error = 'رقم بطاقة غير صالح او مستخدم من قبل';
      } else {
        while ($row_card = $result->fetch_assoc()) {
          $amount = $row_card['card_amount'];
        }
        $sql = "SELECT * FROM ordertb WHERE card_no='$card_no' and ordercase in (0,2) LIMIT 1";
        $result = mysqli_query($conn, $sql);
        $order_exists = (int)mysqli_num_rows($result);

        $sql = "SELECT * FROM ordertb_guest WHERE card_no='$card_no' and status in (0,2) LIMIT 1";
        $result = mysqli_query($conn, $sql);
        $order_exists2 = (int)mysqli_num_rows($result);

        if ($order_exists || $order_exists2) {
          $error = "رقم البطاقة مستخدم من قبل";
        }
      }
    }

    if (empty($error)) {
      $created_at = date('Y-m-d H:i:s', time());
      $updated_at = date('Y-m-d H:i:s', time());
      $sql = "INSERT INTO `ordertb_guest`(`card_no`, `playerid`, `playername`, `created_at`, `update_at`) VALUES ('$card_no','$playerid','$playername','$created_at','$updated_at')";
      $insert = mysqli_query($conn, $sql);
      if ($insert) {

        $orderid = mysqli_insert_id($conn);

        $subject =  mysqli_real_escape_string($conn, "طلب شحن بقيمة ($amount) بدون تسجيل ");
        $comment =  mysqli_real_escape_string($conn, "رقم الطلب #$orderid ");
        $user =  mysqli_real_escape_string($conn, $playername);
        $date = date("d-m-Y h:ia");
        $query = "
              INSERT INTO comments(comment_subject, comment_text,comment_user,comment_time, sorting,user_id,user_type)
              VALUES ('$subject', '$comment','$user','$date','1','0','غير مسجل')
              ";
        mysqli_query($conn, $query);

        header("location:order_status.php?id={$orderid}&playerid={$playerid}");
        exit;
      }
    }
  }
}

$error2 = "";
if (isset($_POST['Submit2'])) {
  if (empty((string)$_POST['game']) || empty((string)$_POST['playerid']) || empty((string)$_POST['confirm_playerid']) || empty((string)$_POST['playername']) || empty((int)$_POST['amount']) || !array_key_exists($_POST['game'], $games) || !array_key_exists($_POST['amount'], $offers[$_POST['game']])) {
    $error2 = "الرجاء ملأ جميع الخانات المطلوبة";
  } else {
    if(!empty($_FILES['file']['tmp_name'])){
      $file_name = $_FILES['file']['name'];
      $file_type = $_FILES['file']['type'];
      $tmp_name = $_FILES['file']['tmp_name'];
      $file_error = $_FILES['file']['error'];
      $file_size = $_FILES['file']['size'];
      $file_ext = strtolower(pathinfo($file_name, PATHINFO_EXTENSION));
      $fileinfo = @getimagesize($tmp_name);
      $width = @$fileinfo[0];
      $height = @$fileinfo[1];
    }
    $game = $_POST['game'];
    $playerid = @htmlentities(strip_tags($_POST['playerid']));
    $confirm_playerid = @htmlentities(strip_tags($_POST['confirm_playerid']));
    $playername = @htmlentities(strip_tags($_POST['playername']));
    $amount = $offers[$game][$_POST['amount']];

    if(!empty($tmp_name)){
      //File verifcation
      $allowed_file_extension = array(
        "png",
        "jpg",
        "jpeg",
        "pdf"
      );
      $img_upload_path = 'uploads/' . time() . '-' . rand() . '.' . $file_ext;
      if (!in_array($file_ext, $allowed_file_extension)) {
        $error2 = "الملفات المدعومة هي (png , jpg , jpeg, pdf فقط";
      } elseif ($file_size > 20000000) {
        $error2 = "حجم الملف يجب ان لا يتعدى 2 ميغا";
      } elseif ($file_ext != "pdf" && empty($fileinfo)) {
        $error2 = "الرجاء اختيار صورة صالحة";
      } elseif ($playerid != $confirm_playerid) {
        $error2 = "رقم id غير متطابقين";
      } elseif (empty((int)$playerid)) {
        $error2 = "يجب ان يكون رقم id عبارة عن ارقام";
      } elseif (!move_uploaded_file($tmp_name, $img_upload_path)) {
        $error2 = "لم نتمكن من رفع الصورة , الرجاء مراسلتنا";
      }
    }else{
      $img_upload_path = '#';
      if ($playerid != $confirm_playerid) {
        $error2 = "رقم id غير متطابقين";
      } elseif (empty((int)$playerid)) {
        $error2 = "يجب ان يكون رقم id عبارة عن ارقام";
      } 
    }

    if (empty($error2)) {
      $created_at = date('Y-m-d H:i:s', time());
      $updated_at = date('Y-m-d H:i:s', time());
      $sql = "INSERT INTO `ordertb_guest`(`card_no`, `amount`, `game`, `playerid`, `playername`, `notes`, `status`, `type`, `file`, `created_at`, `update_at`) VALUES (NULL,'$amount','$game','$playerid','$playername',NULL,'0','baridimob','$img_upload_path','$created_at','$updated_at')";
      $insert = mysqli_query($conn, $sql);
      if ($insert) {

        $orderid = mysqli_insert_id($conn);

        $subject =  mysqli_real_escape_string($conn, "طلب شحن بقيمة ($amount) بريدي موب ");
        $comment =  mysqli_real_escape_string($conn, "رقم الطلب #$orderid ");
        $user =  mysqli_real_escape_string($conn, $playername);
        $date = date("d-m-Y h:ia");
        $query = "
              INSERT INTO comments(comment_subject, comment_text,comment_user,comment_time, sorting,user_id,user_type)
              VALUES ('$subject', '$comment','$user','$date','1','0','غير مسجل')
              ";
        mysqli_query($conn, $query);

        header("location:order_status.php?id={$orderid}&playerid={$playerid}");
        exit;
      }
    }
  }
}
include  "inc/header.php";
?>
	<div class="choix" style="text-align: center;font-weight: 200;font-size: 18px;"> اختر احد الالعاب للشحن </div>
<hr style="height: 1px;
    padding: 0px;
    margin: 8px;">
<div class="container itemes">
	  <div class="row  justify-content-center">
		<div class="col-6" style="text-align: center">
			<button type="button" class="btn btn-outline-primary" style="background: none;color: black;" data-toggle="modal" data-target="#mymodal">

		    <img class="img" style="display: block; width: 120px; height:160; padding: 29px 10px; margin: 0 auto 13px;border-bottom: 1px solid #ececec;text-align: center;"  src="https://cdngarenanow-a.akamaihd.net/gop/app/0000/100/067/icon.png" alt="شحن Free Fire">
			<h5 style="margin-top:0px;">FREE FIRE</h5>
		  </button>

		  </div>
		  <!---->
		  <div class="col-6" style="text-align: center">
			  			<button type="button" class="btn btn-outline-primary" style="background: none;    color: black;" data-toggle="modal" data-target="#mymodal">

		  <img class="img" style="display: block; width: 120px; height:160; padding: 29px 10px;border-bottom: 1px solid #ececec; margin: 0 auto 13px;text-align: center; " src="img/pubgg.png" alt="شحن Free Fire">
		  			<h5 style="margin-top:0px;">PUBG</h5>
</button>

		  </div>
    
    
    </div>
	<!--row2222-->
	<div class="row  justify-content-center">

		<div class="col-6" style="text-align: center; margin-bottom: 5px;">
								<button type="button" class="btn btn-outline-primary" style="background: none;    color: black;" data-toggle="modal" data-target="#mymodal">

	      <img class="img" style="display: block; width: 120px; height:160; padding: 29px 10px; margin: 0 auto 13px;border-bottom: 1px solid #ececec;text-align: center;"  src="img/ccp.png" alt="شحن Free Fire">
			<h5 style="margin-top:0px;">BARIDI MOB</h5>
		  </button>

	  </div>
		  <div class="col-6" style="text-align: center; margin-bottom: 5px;">
			  			<button type="button" class="btn btn-outline-primary " style="background: none;    color: black;" data-toggle="modal" data-target="#mymodal">

		  <img class="img" style="display: block; width: 120px; height:160; padding: 29px 10px;border-bottom: 1px solid #ececec; margin: 0 auto 13px;text-align: center;" src="img/ORDER.png" alt="شحن Free Fire">
		  			<h5 style="margin-top:0px;">MY ORDER</h5>
		  </button>

		  </div>
    
    
    </div>
	<!--row2222-->
	<!--mooooooooodle-->
	<div id="mymodal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" style="margin-top: -10px;color: red;" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">اضافة بطاقة جديدة</h4>
        </div>
          <form action="" method="post" class="new-card-form">
			  <?php if (isset($error) && !empty($error)) { ?>
                          <div class="alert alert-danger">
                            <strong>خطأ!</strong> <?= $error ?>
                          </div>  
                        <?php } ?>
				 
                        <div class="form-group">
                          <div class="col-md-12">
                            <label for="playerid" style="font-weight: bold;color: #3e5a94;">رقم id<span class="required" style="color:red">*</span></label>
                            <input  style="border: 1px solid #39b6b9" type="text" required name="playerid" class="form-control input-md" placeholder="أدخل رقم id" value="<?= @$_POST['playerid'] ?>">
                          </div>
                        </div>
                        <div class="form-group">
                          <div class="col-md-12">
                            <label for="confirm_playerid" style="font-weight: bold;color: #3e5a94;">أعد رقم id<span class="required" style="color:red">*</span></label>
                            <input style="border: 1px solid #39b6b9" type="text" required name="confirm_playerid" class="form-control input-md" placeholder="أعد ادخال رقم id" value="<?= @$_POST['confirm_playerid'] ?>">
                          </div>
                        </div>
                        <div class="form-group">
                          <div class="col-md-12">
                            <label for="playername" style="font-weight: bold;color: #3e5a94;">(للتأكيد) اسمك داخل اللعبة<span class="required" style="color:red">*</span></label>
                            <input style="border: 1px solid #39b6b9" type="text" required name="playername" class="form-control input-md" placeholder="أدخل اسمك داخل اللعبة" value="<?= @$_POST['playername'] ?>">
                          </div>
                        </div>
                        <div class="form-group">
                          <div class="col-md-12">
                            <label for="card_no" style="font-weight: bold;color: #3e5a94;">رقم البطاقة<span class="required" style="color:red">*</span></label>
                            <input  type="text" required name="card_no" class="form-control input-md" style="border: 1px solid #39b6b9"placeholder="أدخل رقم البطاقة" value="<?= @$_POST['card_no'] ?>">
                          </div>
                        </div>

                    
                        <div class="row mt-lg">
                          <div class="col-md-12 center">
                            <input type="submit" name="Submit1" style="margin-left: 15px;" value="ارسال الطلب" class="btn btn-success pull-left mb-xl">
                            <a href="order_status.php" class="btn btn-primary pull-left mb-xl mx-2">تتبع طلبي</a>
                          </div>
    
                        </div>
                      </form>
    </div>
</div>
	

	<!--mooooooooodle-->
</div>

<script>
	var myForm = document.querySelector('#myform');

myForm.addEventListener('submit' ,function(e){
    e.preventDefault(); // منع تحديث الصفحة 

    sendAjaxRequest();
});


  $(function() {
    $(document).on('input change', '#game', function() {
      var offers;
      console.log($(this).val())
      if ($(this).val() == "pubg") {
        offers = ` <?php
                    foreach ($offers['pubg'] as $key => $offer) {
                      $price = ($key != 0) ? ' (' . $prices_da_baridimob['pubg'][$offer] . ' DA)' : '';
                      $price_paysera = ($key != 0) ? ' - (' . $prices_paysera['pubg'][$offer] . ' EUR)' : '';
                    ?>
                                <option value="<?= $key ?>" style="font-weight: bold;font-size: 18px"><?= $offer . $price .$price_paysera?></option>
                              <?php
                            }
                              ?>`;
      } else {
        offers = `<?php
                  foreach ($offers['freefire'] as $key => $offer) {
                    $price = ($key != 0) ? ' (' . $prices_da_baridimob['freefire'][$offer] . ' DA)' : '';
                    $price_paysera = ($key != 0) ? ' - (' . $prices_paysera['freefire'][$offer] . ' EUR)' : '';
                  ?>
                                <option value="<?= $key ?>" style="font-weight: bold;font-size: 18px"><?= $offer . $price .$price_paysera ?></option>
                              <?php
                            }
                              ?>`;
      }
      $('#amount_offers').html(offers);
    })
  })
</script>


<?php include  "inc/footer.php"; ?>
<?php
error_reporting(0);
if (isset($_POST["login"])) {
  $userName = htmlspecialchars($_POST['userName']);
  $password = htmlspecialchars($_POST['password']);

  $countc = 0;
  $resc = mysqli_query($conn, "select * from users where BINARY userName='$userName' && BINARY password= '$password' && active = '0' LIMIT 1");
  $countc = mysqli_num_rows($resc);
  if ($countc > 0) {
?>
    <script type="text/javascript">
      document.getElementById("erroractive").style.display = "block";
    </script>
    <?php
  } else {
    $counts = 0;
    $ress = mysqli_query($conn, "select * from users where BINARY userName='$userName' && BINARY password= '$password' && active = '2' LIMIT 1");
    $counts = mysqli_num_rows($ress);
    if ($counts > 0) {
    ?>
      <script type="text/javascript">
        document.getElementById("errorstop").style.display = "block";
      </script>
      <?php
    } else {

      $count = 0;
      $res = mysqli_query($conn, "select * from users where BINARY userName='$userName' && BINARY password= '$password' && active = '1' LIMIT 1");
      $count = mysqli_num_rows($res);
      if ($count == 0) {
      ?>
        <script type="text/javascript">
          document.getElementById("error").style.display = "block";
        </script>
        <?php
      } else {
        $sql = "select * from users where BINARY userName='$userName' && BINARY password= '$password' && active = '1' ";
        $result = $conn->query($sql);
        while ($row = $result->fetch_assoc()) {
          $logintype = $row['logintype'];
          if ($logintype == 1) {
        ?>
            <script type="text/javascript">
              document.getElementById("success").style.display = "block";
            </script>
            <?php
            $_SESSION["userName"] = $userName;


            ?>
            <script type="text/javascript">
              window.location = "Supermarket";
            </script>
          <?php
          } elseif ($logintype == 2) {
          ?>
            <script type="text/javascript">
              document.getElementById("success").style.display = "block";
            </script>
            <?php
            $_SESSION["userName"] = $userName;

            ?>
            <script type="text/javascript">
              window.location = "client";
            </script>
<?php
          }
        }
      }
    }
  }
}
?>

لقد وضعت المودل كما شرحت لي انه يعمل في حالة الفورم صحيح فانه يرسل الطلب الى قواعد البيانات 

لاكن في حالة الخطا تظهر رسالة الخطأ داخل المودل وتختفي معه يعني حتى اضعط على الصورة من جديد 

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

هدي هي رسالة الخطأ المحتواة داخل المودل 

<?php if (isset($error) && !empty($error)) { ?>
                          <div class="alert alert-danger">
                            <strong>خطأ!</strong> <?= $error ?>
                          </div>  
                        <?php } ?>

 

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

×
 مشاركة
اذهب إلى قائمة الأسئلة

  • إعلانات

  • تابعنا على



×
×
  • أضف...