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

استفسار حول المداخل input من فضلكم

Samir Boukheche

بواسطة Samir Boukheche

 مشاركة

السؤال

Samir Boukheche عضو نشيط

Samir Boukheche

نشر
نشر

مثلا لدي فورم لادخال اكواد معينة وارسالها الى قواعد البيانات 

وهاته الاكواد تنتمي لمجموعة معينة نفسها

ليس من الجيد عمل مدخل واحد وارسال الطلب ثم اعادة نفس العملية لوكان علي تخزين 10 اكواد او اكثر

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

لو مثلا عندي اكواد A B C D E

يعني بكتب في المدخل الاول A اضغط امام المدخل على علامة + يظهر مدخل تحته

اكتب فيه B ثم اضغط + يظهر مدخل تحته اكتب فيه c وهكدا حسب عدد الاكواد التي اريد ادخالها وارسالها دفعة واحدة 

وشكرا

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

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

Recommended Posts

  • 1
Wael Aljamal عضو نشيط

Wael Aljamal

نشر
نشر

سوف نقوم على تصميم form يحوي عدد متغير من حقول input حيث يمكن إضافة أو حذف حقول الإدخال بالنقر على الأزرار..

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

  • بنية العنصر الذي سيحوي على حقول الإدخال (فيه حقل إدخال وحيد افتراضي و زر إضافة)
  • يمكن وضع صورة مناسبة لزر الإضافة أو إشارة +
  • javascript:void(0) كي لا يتم فتح صفحة جديدة
  • لاحظ الأقواس  [ ] في اسم الحقل ليتم اعتباره مصفوفة 
HTML ::

<div class="field_wrapper">   <!-- حاوية -->
    <div>
        <input type="text" name="field_name[]" value=""/>  <!-- حقل افتراضي -->
      
        <a href="javascript:void(0);" class="add_button" title="Add field">  <!-- زر الإضافة -->
          <img src="add-icon.png"/>  <!-- صورة مناسبة -->
      </a>
    </div>
</div>

في جافاسكربت سنعتمد على جيكويري (أي إصدار) 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>

ثم نضيف الشيفرة التالية:

  • تم استعمال الدالة append لإضافة محتوى لعنصر HTML موجود 
<script type="text/javascript">
  
$(document).ready(function(){  // بعد تحميل الصفحة
  
    var maxField = 10; //  العدد الأعظمي من حقول الإدخال 
    var addButton = $('.add_button'); //  محدد وصول زر الإضافة
    var wrapper = $('.field_wrapper'); //  محدد الحاوية
  
  // نسخة من العنصر الذي نود إضافته
  
    var fieldHTML = '<div><input type="text" name="field_name[]" value=""/><a href="javascript:void(0);" class="remove_button"><img src="remove-icon.png"/></a></div>'; 
  
  
    var x = 1; //  عدد حقول الإدخال الافتراضية 1
    
    //   بعد نقر زر الإضافة
    $(addButton).click(function(){
        //  نتحقق من عدد الحقول 
        if(x < maxField){ 
            x++; //   نزيد العداد
            $(wrapper).append(fieldHTML); //   نضيف حقل الإدخال على الحاوية
        }
    });
    
    //  نقر زر الحذف
    $(wrapper).on('click', '.remove_button', function(e){
        e.preventDefault();
        $(this).parent('div').remove(); //   حذف حقل الإدخال الجديد
        x--; //  إنقاص العداد 1
    });
});
</script>

ضمن PHP نستقبل المدخلا ضمن مصفوفة  

<?php

//  بعد تمرير المدخلات للمخدم عن طريق POST method

$field_values_array = $_POST['field_name'];  // field_name اسم الحقل ضمن استمارة الصفحة

foreach($field_values_array as $value){  // المرور على المصفوفة
    // شيفرتك الخاصة
}

 

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

Samir Boukheche

نشر
  • الكاتب
نشر
بتاريخ 5 دقائق مضت قال Wael Aljamal:

سوف نقوم على تصميم form يحوي عدد متغير من حقول input حيث يمكن إضافة أو حذف حقول الإدخال بالنقر على الأزرار..

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

  • بنية العنصر الذي سيحوي على حقول الإدخال (فيه حقل إدخال وحيد افتراضي و زر إضافة)
  • يمكن وضع صورة مناسبة لزر الإضافة أو إشارة +
  • javascript:void(0) كي لا يتم فتح صفحة جديدة
  • لاحظ الأقواس  [ ] في اسم الحقل ليتم اعتباره مصفوفة 

HTML ::

<div class="field_wrapper">   <!-- حاوية -->
    <div>
        <input type="text" name="field_name[]" value=""/>  <!-- حقل افتراضي -->
      
        <a href="javascript:void(0);" class="add_button" title="Add field">  <!-- زر الإضافة -->
          <img src="add-icon.png"/>  <!-- صورة مناسبة -->
      </a>
    </div>
</div>

في جافاسكربت سنعتمد على جيكويري (أي إصدار) 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>

ثم نضيف الشيفرة التالية:

  • تم استعمال الدالة append لإضافة محتوى لعنصر HTML موجود 

<script type="text/javascript">
  
$(document).ready(function(){  // بعد تحميل الصفحة
  
    var maxField = 10; //  العدد الأعظمي من حقول الإدخال 
    var addButton = $('.add_button'); //  محدد وصول زر الإضافة
    var wrapper = $('.field_wrapper'); //  محدد الحاوية
  
  // نسخة من العنصر الذي نود إضافته
  
    var fieldHTML = '<div><input type="text" name="field_name[]" value=""/><a href="javascript:void(0);" class="remove_button"><img src="remove-icon.png"/></a></div>'; 
  
  
    var x = 1; //  عدد حقول الإدخال الافتراضية 1
    
    //   بعد نقر زر الإضافة
    $(addButton).click(function(){
        //  نتحقق من عدد الحقول 
        if(x < maxField){ 
            x++; //   نزيد العداد
            $(wrapper).append(fieldHTML); //   نضيف حقل الإدخال على الحاوية
        }
    });
    
    //  نقر زر الحذف
    $(wrapper).on('click', '.remove_button', function(e){
        e.preventDefault();
        $(this).parent('div').remove(); //   حذف حقل الإدخال الجديد
        x--; //  إنقاص العداد 1
    });
});
</script>

ضمن PHP نستقبل المدخلا ضمن مصفوفة  


<?php

//  بعد تمرير المدخلات للمخدم عن طريق POST method

$field_values_array = $_POST['field_name'];  // field_name اسم الحقل ضمن استمارة الصفحة

foreach($field_values_array as $value){  // المرور على المصفوفة
    // شيفرتك الخاصة
}

 

شكرااا جزيلا فهمت الطريقة لااكن اريد ان يكون الزر جنب input وليس تحته 

كيف اعدل الكود 

                   				<div class="field_wrapper">
									<label>ادخال الرموز</label>
  
        <div class="control-group" id="fields">
            <div class="controls" id="profs"> 
               
                    <div id="field" >
						
						<input autocomplete="off"  id="field1" name="prof1" type="text" placeholder="Type something"  class="form-control" ><button id="b1" class="btn btn-success add-more" type="button" >+</button>
				</div>
     
            </div>
        </div>
	
</div>

 

n.PNG

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

Wael Aljamal

نشر
نشر
بتاريخ 3 دقائق مضت قال Reda Boukheche:

شكرااا جزيلا فهمت الطريقة لااكن اريد ان يكون الزر جنب input وليس تحته 

حاول وضع الزر قبل الحقل أي تغيير ترتيبهما:

الزر قبل الحقل 

<div class="field_wrapper">   <!-- حاوية -->
  <div>
    <a href="javascript:void(0);" class="add_button" title="Add field">  <!-- زر الإضافة -->
      <img src="add-icon.png"/>  <!-- صورة مناسبة -->
    </a>

    <input type="text" name="field_name[]" value=""/>  <!-- حقل افتراضي -->


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

Samir Boukheche

نشر
  • الكاتب
نشر
بتاريخ 1 دقيقة مضت قال Wael Aljamal:

حاول وضع الزر قبل الحقل أي تغيير ترتيبهما:

الزر قبل الحقل 


<div class="field_wrapper">   <!-- حاوية -->
  <div>
    <a href="javascript:void(0);" class="add_button" title="Add field">  <!-- زر الإضافة -->
      <img src="add-icon.png"/>  <!-- صورة مناسبة -->
    </a>

    <input type="text" name="field_name[]" value=""/>  <!-- حقل افتراضي -->


  </div>
</div>

الزر عم ياتي فوق المدخل وانا اريد يكون جنبه 

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

Wael Aljamal

نشر
نشر
بتاريخ 3 دقائق مضت قال Reda Boukheche:

الزر عم ياتي فوق المدخل وانا اريد يكون جنبه 

نفس الشيئ في الكود المضاف في جافاسكربت عدل الترتيب، وضع تنسيقات مناسبة ليكون كلا منها بنفس السطر inline-block

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

Samir Boukheche

نشر
  • الكاتب
نشر
بتاريخ 9 دقائق مضت قال Wael Aljamal:

نفس الشيئ في الكود المضاف في جافاسكربت عدل الترتيب، وضع تنسيقات مناسبة ليكون كلا منها بنفس السطر inline-block

اخي ما ضبطت معي ممكن تعديل 

html  


                   				<div class="field_wrapper">
									<label>ادخال الرموز</label>
  
        <div class="control-group" id="fields">
            <div class="controls" id="profs"> 
               
                    <div id="field">
					
						<input autocomplete="off"  id="field1" name="prof1" type="text" placeholder="Type something"  class="form-control" ><button id="b1" class="btn btn-success add-more" >+</button>
						
				</div>
     
            </div>
        </div>
	
</div>

js 

<script type="text/javascript">
$(document).ready(function(){
    var next = 1;
    $(".add-more").click(function(e){
        e.preventDefault();
        var addto = "#field" + next;
        var addRemove = "#field" + (next);
        next = next + 1;
        var newIn = '<input autocomplete="off" class="input form-control" id="field' + next + '" name="field' + next + '" type="text">';
        var newInput = $(newIn);
        var removeBtn = '<button id="remove' + (next - 1) + '" class="btn btn-danger remove-me" >-</button></div><div id="field">';
        var removeButton = $(removeBtn);
        $(addto).after(newInput);
        $(addRemove).after(removeButton);
        $("#field" + next).attr('data-source',$(addto).attr('data-source'));
        $("#count").val(next);  
        
            $('.remove-me').click(function(e){
                e.preventDefault();
                var fieldNum = this.id.charAt(this.id.length-1);
                var fieldID = "#field" + fieldNum;
                $(this).remove();
                $(fieldID).remove();
            });
    });
    

    
});
</script>

 

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

Samir Boukheche

نشر
  • الكاتب
نشر
بتاريخ 16 ساعات قال Wael Aljamal:

اضف التنسيق التالي display: inline-block للعنصر input  

<?php
if (isset($_POST['btn-add'])) {

    $cards = [];
    $field_values_array = $_POST['field'];
    $charg_type = $_POST['charg_type'];
    $card_amount = $offers[$charg_type][$_POST['card_amount']];
    
    $created_at = date('Y-m-d H:i:s', time());
    $updated_at = date('Y-m-d H:i:s', time());
   foreach($field_values_array as $value){  // المرور على المصفوفة
    // شيفرتك الخاصة

        $sql = "INSERT INTO `stock` (`code`, `charg_type`, `card_amount`, `etat`,`created_at`,`updated_at`) VALUES ( '  $field_values_array', ' $charg_type', '$card_amount', '0','$created_at','$updated_at');";
        $result = $conn->query($sql);
        $count = $result->num_rows;
      }
            $result = $conn->query($sql);
       
if($result){
	
	


   
?>
    <script type="text/javascript">
        alert("تم الاضافة بنجاح");
    </script>
<?php
}
}
?>

اخي لما اضغط اضافة عم يضيف حقلين منشابهين في قاعدة البيانات بدل حقل واحد 

ومادا تقصد بهاته وماهو دورها  

foreach($field_values_array as $value){  // المرور على المصفوفة
    // شيفرتك الخاصة
}

 

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

Wael Aljamal

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

$result = $conn->query($sql); $count = $result->num_rows; } $result = $conn->query($sql);

تكرار هذه التعليمة سبب تكرار حشر نفس البيانات.

بتاريخ 1 ساعة قال Reda Boukheche:

ومادا تقصد بهاته وماهو دورها  


foreach($field_values_array as $value){  // المرور على المصفوفة
    // شيفرتك الخاصة
}

html form يمرر عدة قيم للمخدم حسب عدد حقول input لذلك لجلبهم يمكنك المرور عليهم من خلال حلقة لأنهم على شكل مصفوفة.. إن كنت تريد التعامل معهم بشكل فردي لكل قيمة تستغيد من هذه الفكرة

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

Samir Boukheche

نشر
  • الكاتب
نشر
بتاريخ 34 دقائق مضت قال Wael Aljamal:

تكرار هذه التعليمة سبب تكرار حشر نفس البيانات.

html form يمرر عدة قيم للمخدم حسب عدد حقول input لذلك لجلبهم يمكنك المرور عليهم من خلال حلقة لأنهم على شكل مصفوفة.. إن كنت تريد التعامل معهم بشكل فردي لكل قيمة تستغيد من هذه الفكرة 

foreach($field_values_array as $value){  // المرور على المصفوفة
    // شيفرتك الخاصة
}

مادا اضع داخلها كشفرة هل اضع input الخاص ب html ام php

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

Wael Aljamal

نشر
نشر
بتاريخ 59 دقائق مضت قال Reda Boukheche: 

foreach($field_values_array as $value){  // المرور على المصفوفة
    // شيفرتك الخاصة
}

مادا اضع داخلها كشفرة هل اضع input الخاص ب html ام php

لستً مضطرا لاستخدامها إن إن كنت تريد معالجة قيمة كل حقل input بشكل منفصل.

قيمة الحقول مجتمعة ستكون ضمن المصفوفة field_values_Array وكل حقل سنقرأه ضمن مرور في الحلقة ة ستكون قيمته في المتغير المؤقت $value يمكنك التعامل معها كما تريد

 

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

Samir Boukheche

نشر
  • الكاتب
نشر
بتاريخ 15 دقائق مضت قال Wael Aljamal:

لستً مضطرا لاستخدامها إن إن كنت تريد معالجة قيمة كل حقل input بشكل منفصل.

قيمة الحقول مجتمعة ستكون ضمن المصفوفة field_values_Array وكل حقل سنقرأه ضمن مرور في الحلقة ة ستكون قيمته في المتغير المؤقت $value يمكنك التعامل معها كما تريد

 

لاكن عند اضافة مثلا 3 حقول iNPUT واضغط ارسال الفورم 

في قاعدة البيانات يتخزن المدخل الاول فقط اما البقية لا تخزن في جدول البيانات

انا اريد لو اضفت 10 حقول وارسل بترسل الحقول في 10 الى MYSQLI

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

Wael Aljamal

نشر
نشر
بتاريخ 1 دقيقة مضت قال Reda Boukheche:

لاكن عند اضافة مثلا 3 حقول iNPUT واضغط ارسال الفورم 

في قاعدة البيانات يتخزن المدخل الاول فقط اما البقية لا تخزن في جدول البيانات

انا اريد لو اضفت 10 حقول وارسل بترسل الحقول في 10 الى MYSQLI

حسناً، أرجو إرفاق كلا الملفين لأحاول معرفة سبب المشلكة،

شكرا لك

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

Samir Boukheche

نشر
  • الكاتب
نشر
بتاريخ On 8/4/2021 at 23:33 قال Wael Aljamal:

حسناً، أرجو إرفاق كلا الملفين لأحاول معرفة سبب المشلكة،

شكرا لك

  

<?php
error_reporting(0);
include('../connect.php');
require_once('../data_config.php');
session_start();
if (!isset($_SESSION["userName"])) {
?>
    <script type="text/javascript">
        window.location = "../index.php";
    </script>
    <?php
} else {
    $userName = $_SESSION["userName"];
    $sql = "select * from users where userName ='$userName' ";
    $result = $conn->query($sql);
    while ($row = $result->fetch_assoc()) {
        $logintype = $row['logintype'];
        if ($logintype != 0) {
    ?>
            <script type="text/javascript">
                window.location = "../index.php";
            </script>
<?php
        }
    }
}
$selected_game = (!empty($_POST['charg_type'])) ? (string)$_POST['charg_type'] : 'freefire';
$selected_offer = (!empty($_POST['card_amount'])) ? (int)$_POST['card_amount'] : 0;
?>

<!DOCTYPE html>
<html dir="rtl" style="height: auto; min-height: 100%;">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>الادارة</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
	<!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome Icons -->

  <!-- Theme style -->
	 

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>



    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <script src="js/all.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/ionicons.min.css">
    <link rel="stylesheet" href="css/skin-blue.min.css">
    <link rel="stylesheet" href="css/font-awesome-rtl.min.css">
   <link rel="stylesheet" href="css/AdminLTE-rtl.min.css">
    <link href="https://fonts.googleapis.com/css?family=Cairo:400,700" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap-rtl.min.css">
    <link rel="stylesheet" href="css/rtl.css">

    <style>
        div.dropdown-menu {
            height: 350px;
            overflow: auto;
            width: 350px;
            padding-right: 20px;
        }

        .dropdown-menu {
            font-size: 18px;
            font-weight: 400
        }

        a.nav-link {
            background-color: rgb(60, 141, 188);
            ;
        }

        @media screen and (max-width: 849px) {
            .dropdown {
                font-size: 25px;
                background-color: #f8f9fa;
            }
        }

        .dropdown {
            font-size: 25px;
        }

        .navbar-badge {
            font-size: 12px;
            background-color: red;
            color: white
        }

        .dropdown-header {
            color: #16181b;
            text-decoration: none;
            background-color: #f8f9fa;
        }

        .dropdown-footer {
            color: #16181b;
            background-color: #f8f9fa;
            text-decoration: none;
            overflow: visible;
            position: sticky;
            font-size: medium;
            bottom: 0;
        }

        .div-only-mobile {
            display: none;
            padding-top: 10px;
            font-size: 20px;
        }

        @media screen and (max-width: 849px) {
            .div-only-mobile {
                display: block;
            }

        }


        body,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: 'Cairo', sans-serif !important;
        }

        .mr-2 {
            margin-right: 5px;
        }

        .loader {
            border: 5px solid #f3f3f3;
            border-radius: 50%;
            border-top: 5px solid #367FA9;
            width: 60px;
            height: 60px;
            -webkit-animation: spin 1s linear infinite;
            /* Safari */
            animation: spin 1s linear infinite;
        }

        /* Safari */
        @-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
            }
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }
    </style>

    <style>
        .cke {
            visibility: hidden;
        }
    </style>
</head>


<body class="skin-blue sidebar-mini" style="height: auto; min-height: 100%;">
    <div class="wrapper" style="height: auto; min-height: 100%;">
        <header class="main-header">

            <a href="" class="logo">
                <span class="logo-mini"><b>A</b>LT</span>
                <span class="logo-lg" style="font-family: 'Cairo', sans-serif !important;">لوحة التحكم</span>
            </a>


            <nav class="navbar  text-center">
                <!-- Right navbar links -->
                <a class="div-only-mobile" href="../logout.php"><span style="font-family: 'Cairo', sans-serif !important;color: white">خروج</span></a>
                <!-- Right navbar links -->
                <ul class="nav navbar-nav navbar-center">
                    <!-- الاشعارات Dropdown Menu -->
                    <li class="nav-item dropdown">
                        <a class="nav-link toggle" data-toggle="dropdown" href="#">
                            <i class="far fa-bell"></i>
                            <span class="badge badge-danger navbar-badge count"></span>
                        </a>
                        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">

                        </div>
                    </li>
                </ul>


            </nav>

        </header>

        <aside class="main-sidebar">

            <section class="sidebar">
                <div class="user-panel">

                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu tree" data-widget="tree">
                        <li class="header">لوحة الانتقالات</li>
                        <li><a href=""><i class="fa fa-home"></i><span> الرئيسيه</span></a></li>
                        <li><a href="shop"><i class="fa  fa-check-square"></i><span> المحلات</span></a></li>
                        <li><a href="client"><i class="fa fa-users"></i><span> الزبائن الخارجية</span></a></li>
                        <li><a href="cards"><i class="fa fa-credit-card"></i><span> البطاقات غير مشحونة</span></a></li>
                        <li><a href="cards/finished.php"><i class="fa fa-credit-card"></i><span> البطاقات مشحونة</span></a></li>
                        <li><a href="cards/not_paid.php"><i class="fa fa-credit-card"></i><span> حساب المحلات</span></a></li>
                        <li><a href="users"><i class="fa fa-users"></i><span> المستخدمين</span></a></li>
  <li class="nav-item menu-open" >
            <a href="#" class="nav-link active dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background: none;">
<i class="fas fa-store"></i><span> المخزن&nbsp;&nbsp;&nbsp;&nbsp;<i class="fas fa-angle-left"></i>  </span>          
                
                
             
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="./index.html" class="nav-link active" style="background:none">
                  <i class="fas fa-plus"></i><span>اضافة اكواد</span>
                  
                </a>
              </li>
            
            </ul>
          </li>                        <li><a href="profile.php"><i class="fa fa-file"></i><span> بياناتى</span></a></li>
                        <li><a href="helpdesk/"><i class="fa fa-life-ring"></i><span> الشكاوي والتقارير</span></a></li>
                        <li><a href="rewards_system.php"><i class="fa fa-gem"></i><span> نظام الكافئات</span></a></li>
                        <li><a href="logout.php"><i class="fa fa-lock"></i><span> خروج</span></a></li>
                    </ul>

            </section>

        </aside>


        <div class="content-wrapper" style="min-height: 300px;">

            <section class="content-header">

                <h1>الرئيسيه</h1>

                <ol class="breadcrumb">
                    <li class="active"><i class="fa fa-home"></i> الرئيسيه</li>
                </ol>
            </section>
			
			
			
 
            <section class="content" >

	  
               <!-- Info boxes -->
 <button class="btn btn-success" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" style="margin-bottom: 10px;"><i class="fas fa-plus"></i>
    مخزون لعبة FREE FIRE
  </button>
				 <button class="btn btn-success" type="button" data-toggle="collapse" data-target="#collapse" aria-expanded="false" aria-controls="collapse" style="margin-bottom: 10px;"><i class="fas fa-plus"></i>
    مخزون لعبة PUBG
  </button>
				<header style="background-color:#3c8dbc; color: white;margin-bottom:8px;height: 40px;text-align: center;"><h2>FREE FIRE STOCK</h2></header>
			 <div class="row" id="collapseExample">
<div class="col-sm-6  col-lg-4">
<div class="info-box">
<span class="info-box-icon bg-aqua"><i class="fas fa-money-bill-wave"></i></span>
<div class="info-box-content">
<span class="info-box-text">المجموع</span>
<span class="h2"><strong>30 دج</strong></span>
</div>
</div>
</div>
<div class="col-sm-6  col-lg-4">
<div class="info-box">
<span class="info-box-icon bg-green" style="font-family: sans-serif; text-align: center; font-weight: bold; line-height: 36pt;">1$</span>
<div class="info-box-content">
<span class="info-box-text" style="font-weight: bold"> متوفر في المخزون:</span>
<span class="h2"><strong style="color: green">0</strong> </span>
	
</div>
</div>
</div>
<div class="col-sm-6  col-lg-4">
<div class="info-box">
<span class="info-box-icon bg-orange" style="font-family: sans-serif; text-align: center; font-weight: bold; line-height: 36pt;">2$</span>
	<div class="info-box-content">
<span class="info-box-text" style="font-weight: bold"> متوفر في المخزون:</span>
<span class="h2"><strong style="color: green">0</strong> </span>
</div>
</div>
</div>
<div class="col-sm-6  col-lg-4">
<div class="info-box">
<span class="info-box-icon bg-red" style="font-family: sans-serif; text-align: center; font-weight: bold; line-height: 36pt;">5$</span>
<div class="info-box-content">
<span class="info-box-text" style="font-weight: bold"> متوفر في المخزون:</span>
<span class="h2"><strong style="color: green">0</strong> </span>
</div>
</div>
</div>
<div class="col-sm-6  col-lg-4">
<div class="info-box">
<span class="info-box-icon bg-blue" style="font-family: sans-serif; text-align: center; font-weight: bold; line-height: 36pt;">10$</span><div class="info-box-content">
<span class="info-box-text" style="font-weight: bold"> متوفر في المخزون:</span>
<span class="h2"><strong style="color: green">0</strong> </span>
</div>
</div>
</div>
<div class="col-sm-6  col-lg-4">
<div class="info-box">
<span class="info-box-icon bg-purple" style="font-family: sans-serif; text-align: center; font-weight: bold; line-height: 36pt;">20$</span><div class="info-box-content">
<span class="info-box-text" style="font-weight: bold"> متوفر في المخزون:</span>
<span class="h2"><strong style="color: green">0</strong> </span>
</div>
</div>
</div>
</div>

        <!-- /.row -->
				               <!-- Info boxes -->

				<header style="background-color: #3c8dbc; color: white;margin-bottom: 8px;height: 40px;text-align: center;"><h2>PUBG STOCK</h2></header>
			 		 <div class="row" id="collapse">
<div class="col-sm-6  col-lg-4">
<div class="info-box">
<span class="info-box-icon bg-aqua"><i class="fas fa-money-bill-wave"></i></span>
<div class="info-box-content">
<span class="info-box-text">المجموع</span>
<span class="h2"><strong>30 دج</strong></span>
</div>
</div>
</div>
<div class="col-sm-6  col-lg-4">
<div class="info-box">
<span class="info-box-icon bg-green" style="font-family: sans-serif; text-align: center; font-weight: bold; line-height: 36pt;font-size: 26px;">60UC</span>
<div class="info-box-content">
<span class="info-box-text" style="font-weight: bold"> متوفر في المخزون:</span>
<span class="h2"><strong style="color: green">0</strong> </span>
	
</div>
</div>
</div>
<div class="col-sm-6  col-lg-4">
<div class="info-box">
<span class="info-box-icon bg-orange" style="font-family: sans-serif; text-align: center; font-weight: bold; line-height: 36pt;font-size: 26px;">325UC</span>
	<div class="info-box-content">
<span class="info-box-text" style="font-weight: bold"> متوفر في المخزون:</span>
<span class="h2"><strong style="color: green">0</strong> </span>
</div>
</div>
</div>
<div class="col-sm-6  col-lg-4">
<div class="info-box">
<span class="info-box-icon bg-red" style="font-family: sans-serif; text-align: center; font-weight: bold; line-height: 36pt;font-size: 26px;">660UC</span>
<div class="info-box-content">
<span class="info-box-text" style="font-weight: bold"> متوفر في المخزون:</span>
<span class="h2"><strong style="color: green">0</strong> </span>
</div>
</div>
</div>
<div class="col-sm-6  col-lg-4">
<div class="info-box">
<span class="info-box-icon bg-blue" style="font-family: sans-serif; text-align: center; font-weight: bold; line-height: 36pt;font-size: 24px;">1800UC</span><div class="info-box-content">
<span class="info-box-text" style="font-weight: bold"> متوفر في المخزون:</span>
<span class="h2"><strong style="color: green">0</strong> </span>
</div>
</div>
</div>
<div class="col-sm-6  col-lg-4">
<div class="info-box">
<span class="info-box-icon bg-purple" style="font-family: sans-serif; text-align: center; font-weight: bold; line-height: 36pt;font-size: 24px;">3850UC</span><div class="info-box-content">
<span class="info-box-text" style="font-weight: bold"> متوفر في المخزون:</span>
<span class="h2"><strong style="color: green">0</strong> </span>
</div>
</div>
</div>
</div>

        <!-- /.row -->
				<!-- end of row -->

              <section class="content">

        <div class="box box-primary">

            <div class="box-header">
                <h3 class="box-title">اضف</h3>

            </div><!-- end of box header -->

            <div class="box-body">


                <form action="" method="post">


                   				<div class="field_wrapper">
									<label>ادخال الرموز</label>
  
        <div class="control-group" id="fields">
            <div class="controls" id="profs"> 
               
                    <div id="field">

						<input autocomplete="off"  id="field1" name="field" type="text" placeholder="Type something"  class="form-control" style="display: inline-block" ><button id="b1" class="btn btn-success add-more" >+</button>
					
				</div>
     
            </div>
        </div>
	
</div>
                    <div class="form-group">
                        <label>نوع الشحن</label>
                        <select style="height: 40px" class="form-control" name="charg_type" id="game">
													<option>اختر</option>

                            <?php
                            foreach ($games as $key => $game) {
                            ?>
                                <option style="font-weight: bold;font-size: 18px" <?= ($selected_game == $key) ? 'selected' : '' ?> value="<?= $key ?>"><?= $game ?></option>
                            <?php
                            }
                            ?>
                        </select>

                    </div>

                    <div class="form-group">

                        <div class="form-group">
                            <label>اختر قيمة الشحن</label>
                            <select class="form-control" style="height: 40px" id="amount_offers" name="card_amount" required>
                                <?php

                                foreach ($offers[$selected_game] as $key => $offer) {
                                ?>
                                    <option value="<?= $key ?>" <?= ($selected_offer == $key) ? 'selected' : '' ?> style="font-weight: bold;font-size: 18px"><?= $offer ?></option>
                                <?php
                                }
                                ?>
                            </select>
                        </div>


                    </div>

                   




                    <div class="form-group">
                        <button type="submit" name="btn-add" class="btn btn-primary"><i class="fa fa-plus"></i> اضف</button>
                    </div>

                </form><!-- end of form -->

            </div><!-- end of box body -->


        </div><!-- end of box -->

    </section>

				</div>
			<script type="text/javascript">
$(document).ready(function(){
    var next = 1;
    $(".add-more").click(function(e){
        e.preventDefault();
        var addto = "#field" + next;
        var addRemove = "#field" + (next);
        next = next + 1;
        var newIn = '<input autocomplete="off" class="input form-control" id="field' + next + '" name="field' + next + '" type="text" style="display: inline-block">';
        var newInput = $(newIn);
        var removeBtn = '<button id="remove' + (next - 1) + '" class="btn btn-danger remove-me" >-</button></div><div id="field">';
        var removeButton = $(removeBtn);
        $(addto).after(newInput);
        $(addRemove).after(removeButton);
        $("#field" + next).attr('data-source',$(addto).attr('data-source'));
        $("#count").val(next);  
        
            $('.remove-me').click(function(e){
                e.preventDefault();
                var fieldNum = this.id.charAt(this.id.length-1);
                var fieldID = "#field" + fieldNum;
                $(this).remove();
                $(fieldID).remove();
            });
    });
    

    
});
</script>
			
			
			<!-- end of content -->
<!-- end of content wrapper -->
			<script>
    $(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) {
                            ?>
                                <option value="<?= $key ?>" style="font-weight: bold;font-size: 18px"><?= $offer ?></option>
                              <?php
                            }
                                ?>`;
            } else {
                offers = `<?php
                            foreach ($offers['freefire'] as $offer) {
                            ?>
                                <option value="<?= $key ?>" style="font-weight: bold;font-size: 18px"><?= $offer ?></option>
                              <?php
                            }
                                ?>`;
            }
            $('#amount_offers').html(offers);
        })
    })
</script>
        <?php include "inc/footer.php"; ?>

        <script>
            $(document).ready(function() {

                function load_unseen_notification(view = '') {
                    $.ajax({
                        url: "fetchh.php",
                        method: "POST",
                        data: {
                            view: view
                        },
                        dataType: "json",
                        success: function(data) {
                            $('.dropdown-menu').html(data.notification);
                            if (data.unseen_notification > 0) {
                                $('.count').html(data.unseen_notification);
                                bong.play();
                            }
                        }
                    });
                }

                load_unseen_notification();

                var bong = document.createElement('audio');
                bong.setAttribute('src', '../pristine-609.mp3');



                setInterval(function() {
                    load_unseen_notification();
                }, 5000);

                $(document).on('click', '.toggle', function() {
                    $('.count').html('');
                    load_unseen_notification('yes');
                });


                //Then put this in your code where you want to play the sound

            });
        </script>
			<?php
if (isset($_POST['btn-add'])) {

   
    $field_values_array = $_POST['field'];
    $charg_type = $_POST['charg_type'];
    $card_amount = $offers[$charg_type][$_POST['card_amount']];
    
    $created_at = date('Y-m-d H:i:s', time());
    $updated_at = date('Y-m-d H:i:s', time());

        $sql = "INSERT INTO `stock` (`code`, `charg_type`, `card_amount`, `etat`,`created_at`,`updated_at`) VALUES ( '  $field_values_array', ' $charg_type', '$card_amount', '0','$created_at','$updated_at');";
        $result = $conn->query($sql);
       
      
           
       
if($result){
	
	


   
?>
    <script type="text/javascript">
        alert("تم الاضافة بنجاح");
    </script>
<?php
}
}

						
					   foreach($field_values_array as $value){ 
					       echo "Valeur courante de \$a: $value.\n";

					   } 
		
?>

او ربما يكمن الخلل هنا في دالة الارسال 

    $field_values_array = $_POST['field'];

 

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

Wael Aljamal

نشر
نشر
بتاريخ 10 دقائق مضت قال Reda Boukheche:

او ربما يكمن الخلل هنا في دالة الارسال

في هذا الجزء: 

$_POST['field'];

اسم field هو اسم حقول الإدخال في الخاصية name والتي يجب أن تكون متساوية 

<input name="field[]"/>
<input name="field[]"/>
<input name="field[]"/>
<input name="field[]"/>
<input name="field[]"/>

المهم التطابق

إن لم تعمل، أرفق مجلد المشروع كملف مضغوط، لأن نشر الكود هكذا صعب التتبع وغير منظم

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

Samir Boukheche

نشر
  • الكاتب
نشر
بتاريخ 18 دقائق مضت قال Wael Aljamal:

في هذا الجزء: 


$_POST['field'];

اسم field هو اسم حقول الإدخال في الخاصية name والتي يجب أن تكون متساوية 


<input name="field[]"/>
<input name="field[]"/>
<input name="field[]"/>
<input name="field[]"/>
<input name="field[]"/>

المهم التطابق

إن لم تعمل، أرفق مجلد المشروع كملف مضغوط، لأن نشر الكود هكذا صعب التتبع وغير منظم

تم ارسال في الخاص

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

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

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...