رفتن به مطلب

فرم با قابلیت اضافه یا حذف ردیف


پست های پیشنهاد شده

سلام

من میخوام یک فرمی بسازم که بشه به وردپرس هم واردش کرد ، البته قابلیت زیر را داشته باشه

مثلا : اگر روی + کلیک کنید یک ردیف مثل بالا اضافه بشه و اگر روی - کلیک شد ردیف اضافه حذف بشه

البته بدون + و - میشه این فرم را با cf7 ساخت ولی اگر بخوام + و - باشه چی ؟ بازم میشه یا نه ؟

3636.JPG

اگر کد یا سورسی هم سراغ دارد معرفی کنید

ممنون

لینک به ارسال

قراره ردیف اضافه شده در دیتابیس ذخیره بشه یا به ایمیل ارسال بشه؟

در مورد اول شک دارم ولی فکر کنم با تابع ()update_option بشه ساخت ولی مورد دوم با تابع ()array در جاوا اسکریپت برای تعداد i ساخته می شه و برای ارسال هم باید تابع mail() را به همین نسبت قرار داد

البته من جاتون بودم منتظر نظر مرتضی و پارسای گرامی می شدم ;)

لینک به ارسال

سلام

اگر به ایمیل ارسال بشه بهتره

البته فرم خالی نمیخوام باشه چون اگر قرار باشه از cf7 صرفه نظر کنم باید فرم قابلیت ضمیمه کردن فایل هم داشته باشه با فرمت های مشخص و حداکثر حجم مشخص والبته داشتن کپچا

لینک به ارسال

فرقی نمی کنه اگر فرمن بخواد ایمیل بشه حالا یا توسط افزونه ساخته شده باشه یا نه یک جوریه و اینکه بخواد روی دیتابیس ذخیره بشه که شما اطلاعاتش رو با توابع روی سایت نمایش بدی یک مطلب دیگه (اینکه اطلاعات در سایت قرار باشه منظم و استفاده بشند به sql کار داره و الا کاری با اون نداریم)

در اولین فرصت یک تکه کد اولیه برای ایجاد input جدید و معرفیش به فرم تماس براتون می گذارم

لینک به ارسال

فرقی نمی کنه اگر فرمن بخواد ایمیل بشه حالا یا توسط افزونه ساخته شده باشه یا نه یک جوریه و اینکه بخواد روی دیتابیس ذخیره بشه که شما اطلاعاتش رو با توابع روی سایت نمایش بدی یک مطلب دیگه (اینکه اطلاعات در سایت قرار باشه منظم و استفاده بشند به sql کار داره و الا کاری با اون نداریم)

در اولین فرصت یک تکه کد اولیه برای ایجاد input جدید و معرفیش به فرم تماس براتون می گذارم

تشکر از لطف شما

ولی واقعا نیازی ندارم روی دیتا بیس اطلاعات را نگه دارم چون اغلب کارهام را از طریق ایمیل انجام میدم در واقع دیتا بیس من همون outlook هست که الان حدود 3 - 4 سالی هست که ایمیل های مهمم را ذخیره میکنم و خیلی راحت بک آپ میگیرم و خلاصه دردسری ندارم ولی اگر روی دیتابیس حتما باید ذخیره بشه بازم مشکلی ندارم ولی ارسال به ایمیل برام واجبه

لینک به ارسال

ببینید بحث سر اون حذف و اضافه هست

چون باید فیلدهای جدید به خروجی نهایی که ایمیل هست اضافه بشن

شما باید دنبال فرم جنریتور باشید

لینک به ارسال

ببینید بحث سر اون حذف و اضافه هست

چون باید فیلدهای جدید به خروجی نهایی که ایمیل هست اضافه بشن

شما باید دنبال فرم جنریتور باشید

سلام

درسته چون همین الان این فرم را با cf7 ساختم ولی این قابلیت حذف و اضافه مهمه

شما چیزی سراغ ندارید ؟

من که تمام مخزن وردپرس را گشتم ( حداقل بیشترش را ) ولی فکر نکنم خود وردپرس همچین چیزی داشته باشه ، احتمال زیاد باید از کد یا سیستم مجزا استفاده بشه !!! :huh:

ویرایش شده توسط parseh
لینک به ارسال

ببینید با کدی شبیه این کد jquery می شه فیلد اضافه کرد


<script>
function appendText()
{
$("body").append('<input value="" />'); // Append new elements
}
</script>
<button onclick="appendText()">Append text</button>

ولی همونطور که مرتضای غزیز گفتند اینکه به تابع میل بشه فیلد رو معرفی کرد اون هم در یک سطح بی نهایت و بخواهیم ارور هم دریافت نشه کار سختیه

یعنی چون معمول نیست خیلی کسی دنبالش نمی ره

معمولا فیلدها را با php اد می کنند و برای هر فیلد جدید یکبار در واقع صفحه باز سازی می شه و فیلد قبلی محتواش ارسال می شه ولی اینکه فرم در موقعیتش باقی بمونه و یک فیلد اضافه شه نشدنی نیست ولی یک کم برای من مطالعه لازم داره شاید دوستان دیگه راهنمایی مفید تر کنند ولی من هم مطالعه می کنم و کدی که تونستم بهش برسم و می نویسم

لینک به ارسال

ممنون از وقتی که گذاشتید

البته من بی نهایت ردیف نمیخوام داشته باشم فکر کنم حداکثر 30 ردیف کفایت کنه

اینم کد صفحه ( سایت ) فرمم هست البته برای 5 ردیف که ثابت هستند :

<p><span><strong><span style="font-family: tahoma,arial,helvetica,sans-serif;">مشخصات مشتری</span></strong></span></p>

<table style="width: 100%;" border="0" align="center">

<tbody>

<tr>

<td style="width: 25%; text-align: right;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">نام و نام خانوادگی :</span></td>

<td style="width: 25%; text-align: right;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text* name 30/30]</span></td>

<td style="width: 25%; text-align: left;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">نام شرکت :</span></td>

<td style="width: 25%; text-align: right;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text company 30/30]</span></td>

</tr>

<tr>

<td style="text-align: right;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">تلفن :</span></td>

<td style="text-align: right;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[tel* tel 30/12]</span></td>

<td style="text-align: left;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">فکس :</span></td>

<td style="text-align: right;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[tel fax 30/12]</span></td>

</tr>

<tr>

<td style="text-align: right;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">تلفن همراه :</span></td>

<td style="text-align: right;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[tel mob 30/11]</span></td>

<td style="text-align: left;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">آدرس ایمیل :</span></td>

<td style="text-align: right;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[email* email 30/30]</span></td>

</tr>

<tr>

<td style="text-align: right;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">آدرس شرکت :</span></td>

<td style="text-align: right;" dir="rtl" colspan="3"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text* add 60/100]</span></td>

</tr>

</tbody>

</table>

<p><span><strong><span style="font-family: tahoma,arial,helvetica,sans-serif;">مشخصات سفارش</span></strong></span></p>

<table style="width: 100%;" border="0" align="center">

<tbody>

<tr>

<td style="width: 5%; text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">ردیف</span></td>

<td style="width: 25%; text-align: center;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">مدل<br /></span></td>

<td style="width: 20%; text-align: center;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">شرکت سازنده</span></td>

<td style="width: 40%; text-align: center;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">توضیحات</span></td>

<td style="width: 10%; text-align: center;" dir="rtl"><span style="font-family: tahoma,arial,helvetica,sans-serif;">تعداد</span></td>

</tr>

<tr>

<td style="width: 5%; text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">1</span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text* model 30/30]</span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text* brand 30/30]</span></td>

<td style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text desc 50/60]</span></td>

<td style="width: 10%; text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text* qty 5/5]</span></td>

</tr>

<tr>

<td style="width: 5%; text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">2</span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text model2 30/30]</span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text brand2 30/30]</span></td>

<td style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text desc2 50/60]</span></td>

<td style="width: 10%; text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text qty2 5/5]</span></td>

</tr>

<tr>

<td style="width: 5%; text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">3</span></span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text model3 30/30]</span></span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text brand3 30/30]</span></span></td>

<td style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text desc3 50/60]</span></span></td>

<td style="width: 10%; text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text qty3 5/5]</span></span></td>

</tr>

<tr>

<td style="width: 5%; text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">4</span></span></span></span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text model4 30/30]</span></span></span></span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text brand4 30/30]</span></span></span></span></td>

<td style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text desc4 50/60]</span></span></span></span></td>

<td style="width: 10%; text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text qty4 5/5]</span></span></span></span></td>

</tr>

<tr>

<td style="width: 5%; text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">5</span></span></span></span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text model5 30/30]</span></span></span></span></td>

<td style="text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text brand5 30/30]</span></span></span></span></td>

<td style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text desc5 50/60]</span></span></span></span></td>

<td style="width: 10%; text-align: center;" dir="ltr"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[text qty5 5/5]</span></span></span></span></td>

</tr>

</tbody>

</table>

<ul>

<li><span style="font-family: tahoma,arial,helvetica,sans-serif;">حداکثر حجم مجاز فایل 15 مگابایت می باشد<br /></span></li>

<li><span style="font-family: tahoma,arial,helvetica,sans-serif;">فرمت های مجاز : ZIP , RAR , PDF</span><span style="font-size: xx-small; font-family: tahoma,arial,helvetica,sans-serif;"><br /></span></li>

</ul>

<p style="text-align: center;"> </p>

<p style="text-align: center;"> </p>

<p style="text-align: center;"> </p>

<table style="width: 65%; height: 106px; margin-left: auto; margin-right: auto;" border="0" align="right">

<tbody>

<tr>

<td style="width: 50%; text-align: left;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">فایل ضمیمه :</span></td>

<td style="width: 50%;" colspan="3"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[file file limit:15728640 filetypes:zip|rar|pdf]</span></td>

</tr>

<tr>

<td style="width: 50%; text-align: left;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">کد امنیتی :</span></td>

<td style="width: 10%;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[captchac code size:l]</span></span></td>

<td style="width: 20%;"> </td>

<td style="width: 20%;"> </td>

</tr>

<tr>

<td style="width: 50%; text-align: left;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">تایپ کد امنیتی :</span></span></span></td>

<td style="width: 10%;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[captchar code 6/6]</span></span></span></span></td>

<td style="width: 20%;"> </td>

<td style="width: 20%;"> </td>

</tr>

</tbody>

</table>

<p> </p>

<p> </p>

<p> </p>

<p style="text-align: right;" dir="rtl"> </p>

<p style="text-align: center;" dir="rtl"> </p>

<p> </p>

<p> </p>

<p> </p>

<table style="width: 100%;" border="0" align="center">

<tbody>

<tr>

<td style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">[submit class:bbb "ثبت سفارش"]</span></span></td>

</tr>

</tbody>

</table>

البته همانطور که ملاحظه می کنید فقط در ردیف مشخصات سفارش باید این سیستم پیاده بشه

باز هم بابت وقتی که گذاشتید سپاسگذارم

ویرایش شده توسط Morteza
از longbox استفاده کنید!
لینک به ارسال

سلام و تشکر

فکر کنم متوجه شده باشم که چطور فیلدها را بسازم البته با کمک راهنمایی شما ، فقط مشکلی که هست الان وقتی من html را که همون فرمم هست ساختم فایل ها یا کد های css و js را کجا قرار بدم ؟

البته من یک قالب برای صفحه های فرم دار ساختم ولی فکر نکنم بشه اونجا قرار داد چون php هست

سپاس فراوان

عید همه دوستان هم مبارک و همین روز پدر

لینک به ارسال

یک فایل برای js ویکی هم css در روت قالب خود بسازید و کدهای زیر را به صفحه php وارد کنید


echo '<link rel="stylesheet" href="'. bloginfo('template_url').'/YOUR-STYLE.css" type="text/css">';
echo '<script type="text/javascript" src="'. bloginfo('template_url').'/YOUR-JS.js></script>';

YOUR-STYLE و YOUR-JS را با نام فایلها عوض کنید

لینک به ارسال

یک فایل برای js ویکی هم css در روت قالب خود بسازید و کدهای زیر را به صفحه php وارد کنید


echo '<link rel="stylesheet" href="'. bloginfo('template_url').'/YOUR-STYLE.css" type="text/css">';
echo '<script type="text/javascript" src="'. bloginfo('template_url').'/YOUR-JS.js></script>';

YOUR-STYLE و YOUR-JS را با نام فایلها عوض کنید

این کدها را وارد کردم ولی صفحه نصفه لود شد و این کدها را نمایش داد : echo ''; echo '

این مشکل چطور حل میشه : http://jsbin.com/ifufey/12

میخوام شماره ردیف در یک خط با باقی المانها باشه

تشکر

ویرایش شده توسط parseh
لینک به ارسال

اینم یه نمونه برای قرار دادن بیشمار input البته بدون عمل refactoring


http://jsbin.com/ewayix/1

لینک به ارسال

ببینید شما فکر کنید قرار نیست فیلدی اضافه و کم بشه با افزونه تون فرمتون رو به صورت کامل بسازید و کدهاش رو هم در صفحه قرار بدید

و آدرس صفحه ای که کدها را قرار دادید بگذارید اینجا تا دقیقا یک سری کد کامل بهتون بدم این کدها را در یک صفحه دیگه قرار می دید و صفحه اول را حذف می کنید و تا وقتی افزونه تون نسبه ازش استفاده می کنید

این کدها را وارد کردم ولی صفحه نصفه لود شد و این کدها را نمایش داد : echo ''; echo '

این مشکل چطور حل میشه : http://jsbin.com/ifufey/12

میخوام شماره ردیف در یک خط با باقی المانها باشه

تشکر

این کدها را وارد کردم ولی صفحه نصفه لود شد و این کدها را نمایش داد : echo ''; echo '

این مشکل چطور حل میشه : http://jsbin.com/ifufey/12

میخوام شماره ردیف در یک خط با باقی المانها باشه

تشکر

این کدها برای داخل کدهای php بودند چون گفتید صفحه php است می تونید به این صورت همزمان با ساخت برگه در ویرایشگر html به کدهای مطلب اضافه کنید


<link rel="stylesheet" href="آدرس کامل فایل css" type="text/css" />
<script type="text/javascript" src="آدرس کامل محل فایل js"></script>

لینک به ارسال

سلام

من فرم را در این آدرس گذاشتم : لینک

البته کد ها را هم در فایل form.php که قالبی برای صفحه های فرم هست قرار دادم و کلا ارور داد

فایل های css , js هم در قالب قرار گرفتند

مشخصات یوزر هم برای جناب " استاد " پ . خ می کنم

لطفا راهنمایی کنید

ممنون

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...