كيف اجعل المستخدم يضيف عدة حقول كما يريد

[الإمبراطور وحيد]

السلام عليكم

عذرا لرداءة العنوان لم أعرف ماهو العنوان المناسب ...

باختصار الطريقة المطلوبة

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

كما الصورة المرفقة

اريد المستخدم يضغط ليضيف الحقول كما يطلبها

المثال في الصورة


وانا عملت نموذج طلب

<form method="POST" action="?do=savepag">
<div align="center">
	<table border="0" cellpadding="0" style="border-collapse: collapse" width="100%" id="table1">
		<tr>
			<td>الصفحات المطلوبة من الكتاب :</td>
			<td>من الصفحة :</td>
			<td>&nbsp;</td>
			<td>إلى الصفحة :</td>
			<td><input type="text" name="topag" size="20"></td>
		</tr>
	</table>
</div>
<p><input type="reset" value="طلب صفحات أخرى" name="B2"> العدد :
<input type="text" name="num" size="20"></p>
<p><input type="submit" value="حفظ الصفحات المطلوبة" name="B1"></p>

</form>

<?
if ($do=="savepag"){
$add = mysql_query(" INSERT INTO pages (id,frompag,topag) VALUES ('','$frompag','$topag') ");
echo"تمت الاضافة ....";
}
?>

كيف يمكن تطبيق الفكرة

او رابط كبداية لاني لم أعرف تماما عم ماذا ابحث

مع العلم اني اريد تخزينها في قاعدة البيانات

كيف سيتم توليد رقم او اسم لكل حقل وكيف يتم حفظه في القاعدة

مع جزيل الشكر مقدما

تحياتي للجميع

[Zizwar]

تقصد مثل هذه

  <form action="test.php">
  <div id="wino">
  <a href="#" onclick="add()">أضف</a> <input type="text" name="b1" value="" />

</div>
<input type="submit" value="أرسل" />
  </form>
<script type="text/javascript">
<!--
var inputs,names,nnumberNames

names = "b";
nnumberNames = 2;

add = function(){
    inputs = '<br /><input type="text" value="" name="'+names+nnumberNames+'" />';
    document.getElementById("wino").innerHTML += inputs;
    nnumberNames++;
}
//-->
</script> 

[الإمبراطور وحيد]

السلام عليكم


مشاء الله عليك زيزوار فعلا ماطلبت

لكن .. >>>لازم منها


الآن كيف استقبلها في الـphp ؟؟

ممكن عن طريق الدالة for لكن لازم احدد يبدأ من 2 وينتهي إلى ... ؟

كيف اعرف اسم آخر حقل اضافه المستخدم؟!

يعطيك العافية والله يحفظك

[Zizwar]

همممم اسم آخر حقل، إسم آخر حقل :con2:
سنضع حقل مخفي بإسم wino_name في هذا الحق في كل مرة اضيف فيه حقل نع اسم الحقل الأخير فيه، ومن خلال ال php ستستقبل هذا الحقل وتعرف اسم الحقل الأخير الذي أضيف

  <form action="test.php">
  <div id="wino">
  <a href="#" onclick="add()">أضف</a> 
  <input type="text" name="b1" value="" />

</div>
<input type="hidden" name="wino_name" id="wino_name" value="" />

<input type="submit" value="أرسل" />
  </form>
<script type="text/javascript">
<!--
var inputs,names,nnumberNames

names = "b";
nnumberNames = 2;

add = function(){
    inputs = '<br /><input type="text" value="" name="'+names+nnumberNames+'" />';
    document.getElementById("wino").innerHTML += inputs;
    document.getElementById("wino_name").value = names+nnumberNames
    nnumberNames++;
}
//-->
</script> 

[الإمبراطور وحيد]

يااااااارااائع

والله جبتها ياابراهيم وانا اخوك

فعلا الفكرة الأمثل لحل المشكلة


لي عودة بعد تطبيق الحل الذي ذكرته

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

والآن اريد جلب المحتويات في نفس الصفحة بمجرد اضافة صفحات كتاب تظهر في الطبقة الثانية

كهذه الطريقة

<a href='#' onclick='add()'>اضافة صفحة</a>
<div id='addpag'>
<script type='text/javascript'>
<!--
var inputs,names,nnumberNames
names = 'b';
nnumberNames = 2;

add = function(){
inputs = '<form name=pageadd><div align=center><table border=0 cellpadding=0 style=border-collapse: collapse width=100% id=table1><tr><td>من صفحة :</td><td><input type=text name=frompag size=20></td><td>إلى صفحة :</td><td><input type=text name=topag size=20></td><td><input type=button value=حفظ name=asas onclick=savepag()></td></tr></table></div><input type=hidden name=num value=$num><input type=hidden name=userid value=$userid></form>';
document.getElementById('addpag').innerHTML = inputs;
}
//-->
</script>
</div>



<div id='getpag'>
</div>



المشكلة كيف يتم تحديث الطبقة تلقائيا؟؟؟؟ كما اني جربت اضيف حدث آخر عند الضغط على حفظ لم أفلح يرجع خطأ غير متوقع ؟؟



غلبتك معاي والف شكر لك مقدما