heshmati

آموزش اضافه کردن فیلد انتخاب رنگ به rsform

4 پست در این موضوع

سلام دوستان

دراین تاپیک می خواهم مراحل اضافه کردن فیلد انتخاب رنگ به یک فرم که توسط کامپوننت rsform ساخته شده را توضیح بدم. (مانند تصویر زیر)

do.php?imgf=joomlaforum.ir_14326291231.jpg

مراحل:

1. دانلود فایل JScolor از لینک زیر. (کد جاوا اسکریپتی هست که یک پالت رنگ را نمایش می دهد)

دانلود JScolor

2. فایل JScolor را در ریشه اصلی سایت (یا هر فولدری که می خواهید) آپلود کرده و اکسترکت نمایید.

3. حالا آدرس پوشه JScolor را در فایل index.php قالب سایتتان، در بین تگ <head> با استفاده از کد زیر فراخوانی نمایید. (البته می توانید از روشهای مرسوم دیگری بسته یه نوع قالبتان، فولدر مربوطه را فراخوانی کنید. مثلا استفاده از پلاگین HeadTag)

<script type="text/javascript" src="jscolor/jscolor.js"></script>

*اگر فولدر JScolor را در فولدری دیگر بارگذاری کردید. آدرس بالا را تصحیح نمایید.

4. حالا به فرمی که توسط "آراس فرم" ساخته اید مراجعه کرده و یک فیلد متنی جدید ایجاد نمایید. در قسمت ویژگی فیلد مربوطه، کلاس زیر را به ویژگی های اضافی، اضافه نمایید.

class="color"

حالا فرم را ذخیره و تست نمایید. می بینید که فیلد شما به یک پالت انتخاب رنگ تبدیل شده است.

*نکته: کلاس بالا را به هر فیلدی در هر فرمی می توانید اضافه نمایید و لزومی نداره که صرفا از "آر اس فرم" استفاده کنید.

دانلود JScolor

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

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

و الان در بخش کاربری هم کار میکنه فقط کافیه یه فیلد از نوع تکست در ار اس فرم بسازید و همون class="color" رو در بخش ویژگیهای فیلد مورد نظر وارد کنید.

Share this post


Link to post
Share on other sites

درود و سپاس، کار ما را راحت کردید. فقط یک سئوال از همین JScolor استفاده می کنه؟ اگر استفاده می کنه آیا آپدیت هست؟ چون درآپدیتهای اخیرش برای دستگاهها و مرورگرهای بیشتری بهینه شده.

Share this post


Link to post
Share on other sites

بله از همون JScolor استفاده میکنه منتها نسخش رو چک نکردم میتونید پلاگین رو باز کنید و فایل مربوط به JScolor رو چک کنید اگه نسخه نهاییش نبود فایلهای نسخه نهایی رو داخل پلاگین جایگزین کنید

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری