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

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

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

خوب میریم سراغ آموزش

یکی از وظایف طراحان سایت کم کردن چالش های کاربر به طوری که کاربر به روان ترین طور ممکن کارش و انجام بده
یکی از مفید ترین کارهایی که میشه انجام دارد کم کردن کلیک ها و کلیدهای فشرده شده است
خوب حتما تا اینجاش و قبول دارید حالا سوالی که پیش میاد اینه که چه کلیدهایی رو میشه از فرم حذف کرد؟؟!!!!!!!!!!!!!!!

سوال خوبیه%
یکی از تکراری ترین کلیدهایی که به تعداد اشیاء استفاده شده در فرم و حتی گاهی بیشتر ازش استفاده میشه کلید تب TAB هست

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

خوب قبل از هر چیز ماژول جی گوئری رو که ضمیمه همین پست کردم رو دانلود کنید.

ماژولی رو که دانلود کردید در روت ROOT سایت اکسترکت کنید.

حالا این کد و کتابخانه ها رو به هدر سایت اضافه کنید

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

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="jquery.ui.effect.min.js"></script>

<script type="text/javascript" src="jquery.ui.effect-fade.min.js"></script>

<script type="text/javascript" src="wb.slideshow.min.js"></script>

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

<script type="text/javascript">

$(document).ready(function()

{

   $("#SlideShow1").slideshow(

   {

      interval: 50000,

      type: 'random',

      effect: 'none',

      direction: '',

      pagination: false,

      effectlength: 1000

   });

});

</script>

خوب حالا این کد ها رو در اسکریپت های اراس فرو> جاوا اسکریپت > کپی کنید

نکته اگر از جوملا و ار اس فرم استفاده نمیکنید این کدها رو هم در هدر سایت بعد از کدبالا کپی کنید.

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

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

        <script src="js/jquery.autotab.js"></script>

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>

        <script>

        $.autotab.selectFilterByClass = true;

        var autotabApp = angular.module('AutotabApp', []);



        autotabApp.controller('AutotabController', ['$scope', function ($scope) {

        $scope.phones = [];

        $scope.addPhone = function () {

                $scope.phones.push({ areaCode: '', number1: '', number2: ''});

                setTimeout(function () {

                    $.autotab.refresh();

                }, 1);

            };

            $scope.removePhone = function (index) {

                if ($scope.phones.length <= 1) {

                    return;

                }

                $scope.phones.splice(index, 1);

                setTimeout(function () {

                    $.autotab.refresh();

                }, 1);

            };

            $scope.addPhone();

        }]);

        </script>

خوب طرح بندی رو از حالت اتومات خارج کنید و این کد رو با body قبلی جایگذین کنید.

نکته container رو با نام یکتای فرم جایگذین کنید

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

<body ng-app="AutotabApp">

        <div id="container" ng-controller="AutotabController">

                       <div>

    </div>

    <div id="container">

نمونه ای از فیلد ایجاد شده.

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

<input type="text" id="Editbox1" style="position:absolute;left:259px;top:16px;width:32px;height:16px;line-height:16px;z-index:1;" name="pan1" value="" maxlength="4" tabindex="1">

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

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

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

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