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

Samir Boukheche · 3 أغسطس 2021

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

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

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

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

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

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

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

وشكرا

Wael Aljamal · 3 أغسطس 2021

سوف نقوم على تصميم 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){  // المرور على المصفوفة
    // شيفرتك الخاصة
}

Samir Boukheche · 3 أغسطس 2021

بتاريخ 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>

Wael Aljamal · 3 أغسطس 2021

بتاريخ 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>

Samir Boukheche · 3 أغسطس 2021

بتاريخ 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>

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

Wael Aljamal · 3 أغسطس 2021

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

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

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

Samir Boukheche · 4 أغسطس 2021

بتاريخ 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>

Wael Aljamal · 4 أغسطس 2021

بتاريخ 42 دقائق مضت قال Reda Boukheche:

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

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

Samir Boukheche · 4 أغسطس 2021

بتاريخ 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){  // المرور على المصفوفة
    // شيفرتك الخاصة
}

Wael Aljamal · 4 أغسطس 2021

بتاريخ 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 لذلك لجلبهم يمكنك المرور عليهم من خلال حلقة لأنهم على شكل مصفوفة.. إن كنت تريد التعامل معهم بشكل فردي لكل قيمة تستغيد من هذه الفكرة

Samir Boukheche · 4 أغسطس 2021

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

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

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

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

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

Wael Aljamal · 4 أغسطس 2021

بتاريخ 59 دقائق مضت قال Reda Boukheche:
foreach($field_values_array as $value){  // المرور على المصفوفة
    // شيفرتك الخاصة
}
مادا اضع داخلها كشفرة هل اضع input الخاص ب html ام php

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

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

Samir Boukheche · 4 أغسطس 2021

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

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

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

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

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

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

Wael Aljamal · 4 أغسطس 2021

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

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

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

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

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

شكرا لك

Samir Boukheche · 4 أغسطس 2021

بتاريخ 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'];

Wael Aljamal · 4 أغسطس 2021

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

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

في هذا الجزء:

$_POST['field'];

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

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

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

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

Samir Boukheche · 4 أغسطس 2021

بتاريخ 18 دقائق مضت قال Wael Aljamal:
في هذا الجزء:
$_POST['field'];
اسم field هو اسم حقول الإدخال في الخاصية name والتي يجب أن تكون متساوية
<input name="field[]"/>
<input name="field[]"/>
<input name="field[]"/>
<input name="field[]"/>
<input name="field[]"/>
المهم التطابق

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

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

Wael Aljamal · 8 أغسطس 2021

بتاريخ On 8/5/2021 at 00:10 قال Reda Boukheche:

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

لايجب أن يكون هنالك رقم بجانب الاسم اعتبره مصفوفة فقط، بدون رقم

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

السؤال

Samir Boukheche

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

Recommended Posts

Wael Aljamal

Samir Boukheche

Wael Aljamal

Samir Boukheche

Wael Aljamal

Samir Boukheche

Wael Aljamal

Samir Boukheche

Wael Aljamal

Samir Boukheche

Wael Aljamal

Samir Boukheche

Wael Aljamal

Samir Boukheche

Wael Aljamal

Samir Boukheche

Wael Aljamal

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية