حالت موضوعی | حالت خطی

**محمدسلیمانی**

میخوام بهتون یاد بدم چطوری یه فرم درست کنید که خودش قیمت رو محاسبه کنه و وقتی که یک کالا چندتا انتخاب شد قیمت رو ضربدر قیمت خودش کنه و به قیمت کل اضافه کنه.

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

فرمهای دریافت اطلاعات
در فرم هایی که ما برای دریافت اطلاعات به کاربرانمون ارائه میدیم چند چیز اهمیت فراوانی داره...
سادگی، در دسترس بودن، ترتیب قرار گیری(بسیار مهم) و از همه مهم تر پویا بودن فرم هست، فرمی که فقط اطلاعات ضروری را نمایش دهد و بسته به نیاز مشتری خودش را توسعه بده، مبلغ را محاسبه کنه، امکان پرداخت سریع را داشته باشه و بعد از ثبت یه نسخه را برای مشتری نمایش یا به وسیله پیام کوتاه و ایمیل به اطلاع مشتری برسونه

سادگی
خوب از ایتم هایی که گفته شد سادگی که برمیگرده به خودتون که به این نتیجه رسیده باشید یا نه

در دسترس بودن
در دسترس بودن یعنی از پراکندگی شدیدا خودداری کنید مثلا فرم های چند صفحه ای اگر چه خیلی با کلاس به نظر میان اما خودتون و جای کاربر بذارید علاقه ای به هدر دادن وقت در صفحات مختلف را برای یه سفارش را ندارید و اگر تعداد ایتم های شما زیاد هست پیشنهاد میکنم از فیلدهای مخفی شونده استفاده کنید
آموزش این کار در انجمن قرار داده شده
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

در ضمن این امکان در اراس v44 و بالاتر وجود دارد و یه پلاگین برای راحتی این کار توسط سازنده منتشر شده که این کارو بسیار ساده کرده اما ممکنه گاهی مجبور بشید از همون روش اموزش داده شده استفاده کنید
Conditional Fields

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

فیلدهای محاسباتی
نکته بعدی محاصبه مبلغ هست برای این کار باید از تکنولوژی جاوا اسکریپت استفاده کنید

در کادر جاوا اسکریپت rs form این کد را کپی کنید ما در این کد به فرم میگیم وقتی یک چک باکس تیک خورد مبلغی رو که گفتیم به کل اضافه کنه و با برداشتن تیک اون از مبلغ کل کم کنه

راهنمای این تکه کد:

کد: (انتخاب همه)

<script type="text/javascript">

function enableQuantity(prod,quantity)

{

    if(document.getElementById(prod).checked)

        document.getElementById(quantity).disabled = false;



    else

        document.getElementById(quantity).disabled = true;

calculateTotal();        

    

}

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

راهنما این تکه کد: اگر نام یکتا چک باکس ما Product7 باشد در اینجا Product70 قرار میدهیم

کد: (انتخاب همه)

function calculateTotal()

{

    var products = new Array("Product10","Product20","Product30","Product40","Product50","Product60","Product70");

    var i=0;

    var total = 0;

    for(i;i<products.length;i++)

        if(document.getElementById(products[i]).checked)

        {

خوب در اینجا مشخص میکنیم مثلا برای محصول شماره یک تعداد 3 انتخاب شد مبلغ همین فیلد در 3 ضرب بشه
راهنمای این تکه کد: اگر لیست پایین افتادنی نام یکتا QuantityProd2 بود در اینجا 'QuantityProd21 قرار میدهیم

کد: (انتخاب همه)

        //alert(document.getElementById("QuantityProd"+(i+1)).value);

            total  = total + parseInt(document.getElementById(products[i]).value) * parseInt(document.getElementById('QuantityProd21').value);

        }

    document.getElementById('Total').value = total;

}

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

کد: (انتخاب همه)

window.addEvent('domready', function() {



 selectProduct('Product10');

 selectProduct('Product20');

 selectProduct('Product30');

 selectProduct('Product40');

 selectProduct('Product50');

 selectProduct('Product60');

 selectProduct('Product70');

 

enableQuantity('Product210','QuantityProd1');

 

});

</script>

نکات ضروری:
1- در خواص هر کد این تکه کد را کپی کنید تا عملیات جاوا بدون کلید تایید انجام شود

کد: (انتخاب همه)

onchange="calculateTotal();"

در ایتم های چک باکس مبلغ را به این شکل وارد کنید
850000|850 هزار تومان سمت چپ مورد استفاده در کد جاواسکریپت سمت چپ نمایش به کاربر

امیدوارم تونسته باشم با این آموزش یک گام کوچک در توسعه جوملای ایران برداشته باشم
یه بار دیگه عید و بهتون تبریک میگم و امیدوارم این عیدی رو ازم قبول کرده باشید.

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

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

اگر مشکلی بود فقط در تایپک رفع مشکلات اراس پرسیده بشه من فقط در اونجا پاسخگو هستم برای اراس فرم
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
[/align][/align]