×

فورم لادخال المعلومات متعدد

السلام عليكم عندي مشروع له عدة انشطة يقوم المستخدم بادخال المشروع ومن ثم ادخال الانشطة لهذا المشروع بحمدالله هذا الامر يتم بنجاح ما اريد تعديله
Like Tree1معجبون
  • 1 أضيفت بواسطة Ehab Obaidat‎‏

صورة 'm7md91' الرمزية
71
قديمة 23 - 06 - 2016, 13:48
المشاركة 1
السلام عليكم
عندي مشروع له عدة انشطة
يقوم المستخدم بادخال المشروع
ومن ثم ادخال الانشطة لهذا المشروع
بحمدالله هذا الامر يتم بنجاح
ما اريد تعديله هو ان المستخدم يدخل عدة انشطة في نفس الوقت لمشروع واحد وطبعا هذه الانشطة يختلف عددها من مشروع الى اخر ربما يكون مشروع له 10 انشطة واخر له 20 واخر له 5
كيف يمكن عمل هذا الشئ ادخال كل الانشطة بضغطة زر واحدة وليس ادخال الانشطة واحدا واحدا
هذه صورة توضيحية لمدخلات الانشطة
فورم لادخال المعلومات متعدد
هذا الفورم سيتكرر من خلال عدد الانشطة التي يريدها المستخدم مثلا 5 فيكون 5 مرات ومن ثم يكون هناك زر عند الضغط عليه يتم ادخال كل هذه المعلومات الى قاعدة البيانات
المشاهدات 225 | التعليقات 4
قديمة 23 - 06 - 2016, 13:59
المشاركة 2
صورة 'Ehab Obaidat‎‏' الرمزية
Ehab Obaidat‎‏
.:: عضو متألق ::.
تاريخ الإنضمام: 19 - 02 - 2015
رقم العضوية : 263969
الدولة : Palestine - Jerusalem
المشاركات: 8,393
555
افتراضي رد : فورم لادخال المعلومات متعدد

السلام عليكم ورحمة الله وبركاته

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

لا يوجد طريقة لضافه معلومات لا بهذا شكل لانه لو لم تكتب شي كيف يستطيع صفحه الادخال معرفه باقي الانشطه لكن تستطيع عمل صفحه اعاده وخروج في داخل صفحة الفورة بحيث لو قمت بضافه نشاط جديد باستخدام meta تعود الى صفحة في ثاوني لضافه نشاط اخر وهكذا وايضا تضيف رساله في الاعلى تفيد الخروج ان انتهاء العمل او متابعه بشكل طبيعي لضافه شيء جديد بمجرد اضافه كود meta ويتم تحديث صفحه تستطيع اضافه معلومة جديده بسهوله دون مشاكل في قاعده بيانات

تحياتي بتوفيق
Al-Kaiser معجب بهذا.
قديمة 23 - 06 - 2016, 15:50
المشاركة 3
صورة 'm7md91' الرمزية
m7md91
:: عضو نشيط ::
تاريخ الإنضمام: 01 - 02 - 2013
رقم العضوية : 183350
الدولة : لبنان
المشاركات: 767
71
افتراضي رد : فورم لادخال المعلومات متعدد
Dynamic Form Processing with PHP | Tech Stream Demo
لقد استخدمت هذا السكربت
ولكن اواجه بعض المشاكل ارجوا المساعدة بحلها
هذا الكود حيث استخدمت السكربت لاضافة input عند الضغط على add activities
رمز PHP:

<form class="form-horizontal" name="form" method="post" action="<?php $_PHP_SELF ?>" >
<h2>Activities</h2><br/>
<fieldset>
<!-- Select Basic -->
<!-- Text input-->
<p> 
                    <input type="button" value="Add Activities" onClick="addRow('dataTable')" /> 

                    <input type="button" value="Remove Activities" onClick="deleteRow('dataTable')"  /> 

                    <p>(All acions apply only to entries with check marked check boxes only.)</p>

                </p>

<div class="form-group">

<table width="100%" border="1">

               <tr style="text-align:center">

    <td width="13px">&nbsp;</td>

    <td width="122px">Task Name</td>

    <td width="94px">Category</td>

    <td width="122px">Predecessors</td>

    <td width="122px">Transferred To</td>

    <td width="122px">Sub Category</td>

    <td width="122px">QTY</td>

    <td width="122px">Unit</td>

    <td width="122px">WO</td>

    <td width="122px">Planing Start Date</td>

    <td width="122px">Planing DUE Date</td>

    <td width="122px">Duration</td>

    <td width="122px">Actual Start Date</td>

    <td width="122px">Actual DUE Date</td>

    <td width="122px">Duration</td>

    <td width="122px">Progress Bar</td>

    <td>Notes</td>

  </tr>

</table>

<table id="dataTable" class="form" border="1">

                  <tbody>
     
                    <tr>
                      <p>
                      <td><input type="checkbox" required="required" name="chk[]" checked="checked" /></td>
                        <td>
                            <input type="text" required="required" name="txt_taskname[]" placeholder="Task Name">
                      
                      </td>
                         <td>
                            <select id="selectbasic" name="txt_category" >
      <option value="Electricity">Electricity</option>
      <option value="Paint">Paint</option>
      <option value="Mechanical">Mechanical</option>
       <option value="Plumbing">Plumbing</option>
       <option value="CIVIL WORKS">CIVIL WORKS</option>
    </select>
                         </td>
                         <td>
                            <input id="textinput" name="txt_predecessors[]" type="text" placeholder="Predecessors">
                         </td>
                         <td>
                            <input id="textinput" name="txt_transferredto[]" type="text" placeholder="Transferred To" >
                         </td>
                          <td>
                            <input id="textinput" name="txt_subcategory[]" type="text" placeholder="subcategory" >
                         </td>
                         <td>
                            <input id="textinput" name="txt_qty[]" type="text" placeholder="QTY">
                         </td>
                         
                         <td>
                            <input id="textinput" name="txt_unit[]" type="text" placeholder="Unit" >
                         </td>
                          <td>
                            <input id="textinput" name="txt_wo[]" type="text" placeholder="WO">
                         </td>
                         <td>
                            <input id="startdate" name="startdate" type="text" placeholder="planing Date"  onfocus="(this.type='date')" onblur="(this.type='text')" onChange="onDateChange()" onchange="cal()">
                         </td>
                         <td>
                            <input id="enddate" name="enddate" type="text" placeholder="planing Date"  onfocus="(this.type='date')" onblur="(this.type='text')" onchange="cal()">
                         </td>
                         <td>
                            <input id="duration" name="duration[]" type="text" placeholder="Duration" onChange="onDateChange()">
                         </td>
                         <td>
                            <input id="datepicker6" name="txt_asd[]" type="text" placeholder="Actual Date" onfocus="(this.type='date')" onblur="(this.type='text')" onChange="onDateChange()" onchange="call()">
                         </td>
                          <td>
                            <input id="datepicker7" name="txt_add[]" type="text" placeholder="Actual Date" onfocus="(this.type='date')" onblur="(this.type='text')"  onchange="call()">
                         </td>
                         
                         <td>
                                <input id="aduration" name="txt_aduration[]" type="text" placeholder="Duration" onChange="onDateChange()">
                         </td>
                         <td>
                                <input id="prb" name="txt_prb[]" type="text" placeholder="%">
                                <div id="bar"><span id="progresss"></span></div>
                         </td>
                         <td>
                            <textarea id="textarea" name="txt_anotes"></textarea>
                         </td>
                            </p>
                    </tr>
                    </tbody>
                </table>
<div class="clear"></div>
في هذا الكود استخدم كود للتاريخ datepicker هذا الكود يعمل في اول activity لكنه لا يعمل عندما اضيف activity ثانية
رد : فورم لادخال المعلومات متعدد
في ثاني نشاط صورة توصحية
رد : فورم لادخال المعلومات متعدد
هذا الكود date picker
رمز Code:
<input id="startdate" name="startdate[]" type="text" placeholder="planing Date"  onfocus="(this.type='date')" onblur="(this.type='text')" onChange="onDateChange()" onchange="cal()">
كيف يمكن حل هذه المشكلة؟
قديمة 24 - 06 - 2016, 13:46
المشاركة 4
صورة 'Ehab Obaidat‎‏' الرمزية
Ehab Obaidat‎‏
.:: عضو متألق ::.
تاريخ الإنضمام: 19 - 02 - 2015
رقم العضوية : 263969
الدولة : Palestine - Jerusalem
المشاركات: 8,393
555
افتراضي رد : فورم لادخال المعلومات متعدد
احتاج الى الكود كامل اخي الكريم لحتى استطيع معرفه طريقة تشغيل الكود وايضا معرفه ما هو الخطاء الموجود

تحياتي بتوفيق
قديمة 24 - 06 - 2016, 14:30
المشاركة 5
صورة 'm7md91' الرمزية
m7md91
:: عضو نشيط ::
تاريخ الإنضمام: 01 - 02 - 2013
رقم العضوية : 183350
الدولة : لبنان
المشاركات: 767
71
افتراضي رد : فورم لادخال المعلومات متعدد
كود html
رمز PHP:


<form class="form-horizontal" name="form" method="post" action="<?php $_PHP_SELF ?>" >
<h2>Activities</h2><br/>
<fieldset>
<!-- Select Basic -->
<!-- Text input-->
<p> 
                    <input type="button" value="Add Activities" onClick="addRow('dataTable')" /> 
                    <input type="button" value="Remove Activities" onClick="deleteRow('dataTable')"  /> 
                    <p>(All acions apply only to entries with check marked check boxes only.)</p>
                </p>
<div class="form-group">
<table width="100%" border="1">
               <tr style="text-align:center">
    <td width="13px">&nbsp;</td>
    <td width="122px">Task Name</td>
    <td width="94px">Category</td>
    <td width="122px">Predecessors</td>
    <td width="122px">Transferred To</td>
    <td width="122px">Sub Category</td>
    <td width="122px">QTY</td>
    <td width="122px">Unit</td>
    <td width="122px">WO</td>
    <td width="122px">Planing Start Date</td>
    <td width="122px">Planing DUE Date</td>
    <td width="122px">Duration</td>
    <td width="122px">Actual Start Date</td>
    <td width="122px">Actual DUE Date</td>
    <td width="122px">Duration</td>
    <td width="122px">Progress Bar</td>
    <td>Notes</td>
  </tr>
</table>
<table id="dataTable" class="form" border="1">
                  <tbody>
     
                    <tr>
                      <p>
                      <td><input type="checkbox" required name="chk[]" checked="checked" /></td>
                        <td>
                            <input type="text" required name="txt_taskname[]" placeholder="Task Name">
                      
                      </td>
                         <td>
                            <select id="selectbasic" name="txt_category" >
      <option value="Electricity">Electricity</option>
      <option value="Paint">Paint</option>
      <option value="Mechanical">Mechanical</option>
       <option value="Plumbing">Plumbing</option>
       <option value="CIVIL WORKS">CIVIL WORKS</option>
    </select>
                         </td>
                         <td>
                            <input id="textinput" name="txt_predecessors[]" type="text" placeholder="Predecessors">
                         </td>
                         <td>
                            <input id="textinput" name="txt_transferredto[]" type="text" placeholder="Transferred To" >
                         </td>
                          <td>
                            <input id="textinput" name="txt_subcategory[]" type="text" placeholder="subcategory" >
                         </td>
                         <td>
                            <input id="textinput" name="txt_qty[]" type="text" placeholder="QTY">
                         </td>
                         
                         <td>
                            <input id="textinput" name="txt_unit[]" type="text" placeholder="Unit" >
                         </td>
                          <td>
                            <input id="textinput" name="txt_wo[]" type="text" placeholder="WO">
                         </td>
                         <td>
                            <input id="startdate" name="startdate[]" type="text" placeholder="planing Date"  onfocus="(this.type='date')" onblur="(this.type='text')" onChange="onDateChange()" onchange="cal()">
                         </td>
                         <td>
                            <input id="enddate" name="enddate[]" type="text" placeholder="planing Date"  onfocus="(this.type='date')" onblur="(this.type='text')" onchange="cal()">
                         </td>
                         <td>
                            <input id="duration" name="duration[]" type="text" placeholder="Duration" onChange="onDateChange()">
                         </td>
                         <td>
                            <input id="datepicker6" name="txt_asd[]" type="text" placeholder="Actual Date" onfocus="(this.type='date')" onblur="(this.type='text')" onChange="onDateChange()" onchange="call()">
                         </td>
                          <td>
                            <input id="datepicker7" name="txt_add[]" type="text" placeholder="Actual Date" onfocus="(this.type='date')" onblur="(this.type='text')"  onchange="call()">
                         </td>
                         
                         <td>
                                <input id="aduration" name="txt_aduration[]" type="text" placeholder="Duration" onChange="onDateChange()">
                         </td>
                         <td>
                                <input id="prb" name="txt_prb[]" type="text" placeholder="%">
                                <div id="bar"><span id="progresss"></span></div>
                         </td>
                         <td>
                            <textarea id="textarea" name="txt_anotes"></textarea>
                         </td>
                            </p>
                    </tr>
                    </tbody>
                </table>
<div class="clear"></div>
<input class="submit" type="submit" value="Confirm &raquo;" />
كود jquery javascript لاعطاء التقويم وحساب المدة بين تارخين واعطاء شريط تقدم
رمز Code:
 <script type="text/javascript">
        function GetDays(){
                var dropdt = new Date(document.getElementById("enddate").value);
                var pickdt = new Date(document.getElementById("startdate").value);
                return parseInt((dropdt - pickdt) / (24 * 3600 * 1000));
        }

        function cal(){
        if(document.getElementById("startdate")){
            document.getElementById("duration").value=GetDays();
        }  
    }

    </script>
     <script type="text/javascript">
        function GetDayss(){
                var dropdtt = new Date(document.getElementById("datepicker7").value);
                var pickdtt = new Date(document.getElementById("datepicker6").value);
                return parseInt((dropdtt - pickdtt) / (24 * 3600 * 1000));
        }

        function call(){
        if(document.getElementById("datepicker6")){
            document.getElementById("aduration").value=GetDayss();
        }  
    }

    </script>
    
    
    <script>
$(document).on('click', ':not(form)[data-confirm]', function(e){
    if(!confirm($(this).data('confirm'))){
      e.stopImmediatePropagation();
      e.preventDefault();
		}
});

$(document).on('submit', 'form[data-confirm]', function(e){
    if(!confirm($(this).data('confirm'))){
    	e.stopImmediatePropagation();
      e.preventDefault();
		}
});

$(document).on('input', 'select', function(e){
    var msg = $(this).children('option:selected').data('confirm');
    if(msg != undefined && !confirm(msg)){
        $(this)[0].selectedIndex = 0;
    }
});
</script>
    
    
<script>
  $(function() {
    $( "#datepicker" ).datepicker();
	$( "#datepicker1" ).datepicker();
	$( "#datepicker2" ).datepicker();
	$( "#datepicker3" ).datepicker();
	$( "#startdate" ).datepicker();
	$( "#enddate" ).datepicker();
	$( "#datepicker6" ).datepicker();
	$( "#datepicker7" ).datepicker();
  });
  </script>
  <script>
  $('#perc').blur(function(){

getPerc = $(this).val();
//alert(getPerc);
if (getPerc >= 1){
   color = "#06F";
 } else {
 	color = "green";
 }

$("#progress").css({"background-color": color, "width":getPerc+"%", "display":"block"});
$("#progress").html(getPerc+"%");

});
</script>

  <script>
  $('#prb').blur(function(){

getPrb = $(this).val();
//alert(getPerc);
if (getPrb >= 1){
   color = "#06F";
 } else {
 	color = "green";
 }

$("#progresss").css({"background-color": color, "width":getPrb+"%", "display":"block"});
$("#progresss").html(getPrb+"%");
});
</script>

<script type="text/javascript">
var sc_project=9046834; 
var sc_invisible=1; 
var sc_security="ec55ba17"; 
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter"><a title="free hit
counter" href="http://statcounter.com/" target="_blank"><img
class="statcounter"
src="http://c.statcounter.com/9046834/0/ec55ba17/1/"
alt="free hit counter"></a></div></noscript>
<!-- End of StatCounter Code for Default Guide -->
كود تكرار الفورم
رمز Code:
function addRow(tableID) {
	var table = document.getElementById(tableID);
	var rowCount = table.rows.length;
	if(rowCount < 100){							// limit the user from creating fields more than your limits
		var row = table.insertRow(rowCount);
		var colCount = table.rows[0].cells.length;
		for(var i=0; i<colCount; i++) {
			var newcell = row.insertCell(i);
			newcell.innerHTML = table.rows[0].cells[i].innerHTML;
		}
	}else{
		 alert("Maximum Passenger per ticket is 100.");
			   
	}
}

function deleteRow(tableID) {
	var table = document.getElementById(tableID);
	var rowCount = table.rows.length;
	for(var i=0; i<rowCount; i++) {
		var row = table.rows[i];
		var chkbox = row.cells[0].childNodes[0];
		if(null != chkbox && true == chkbox.checked) {
			if(rowCount <= 1) { 						// limit the user from removing all the fields
				alert("Cannot Remove all the Passenger.");
				break;
			}
			table.deleteRow(i);
			rowCount--;
			i--;
		}
	}
}
هذا الكود الكامل وهو يعمل ولكن على اول فورم عندما اقوم بزيادة فورم ثاني التواريخ والمدة وشريط التقدم لا يعملون
 
اضافة رد
 
العلامات المرجعية

البوستريب في الكود ايهما الافضل والاسهل والاقوى والاسرع

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

البحث المتقدم
طرق العرض


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 01:54.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2018
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.7 .Copyright ©2000 - 2019, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.