Monday, 29 July 2013

Tablet calender and time control

 <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/mobiscroll-1.5.3.js"></script>
    <script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript">
        function validateForm(valgroup) {

            //$(".errormsg").show();
            if (Page_ClientValidate(valgroup)) {

                //alert("hide")
                $(".loaderOverlay, .loader").show();
            }
            else {
                //alert("show")
                $(".loaderOverlay, .loader").hide();
            }
        }

        /*var myScroll;
        function loadedLT() {
        setTimeout(function () {
        myScroll = new iScroll('wrapCont');
        $('#lightbox1').hide().css('margin-left', '1000px');
        }, 100);

        }
        window.addEventListener('load', loadedLT, false);*/

        $(function () {

            //Calendar
            $('#txtDateTo').scroller({
                dateFormat: 'dd/mm/yyyy',
                startYear: 2010,
                endYear: 2013,
                dateOrder: 'ddmmyy',
                setText: 'OK',
                showOnFocus: true,
                onClose: function (valueText, inst) {
                    inst.isCancel = false;
                },
                onCancel: function (valueText, inst) {
                    inst.isCancel = true;
                    //inst.getElement().value = '';
                }


            });

            $('#txtHour').scroller({
                preset: 'time',
                dateOrder: 'hh:iiA',
                ampm: true,
                setText: 'OK',
                timeFormat: 'hh:iiA',
                showOnFocus: true,
                onClose: function (valueText, inst) {
                    inst.isCancel = false;
                },
                onCancel: function (valueText, inst) {
                    inst.isCancel = true;
                    //inst.getElement().value = '';
                }


            });
           
                   
            $('.return-cal').click(function (e) {
                e.preventDefault();
                /* $('#RegisterCalculator1_fund_cal').fadeIn();*/
                $('#RegisterCalculator1_fund_cal').animate({ 'margin-left': 0 }, 600);
                $('#RegisterCalculator1_fund_cal').show();

                HideValidators();

            });
            $('#RegisterCalculator1_fund_cal .close').click(function () {
                //clearChildren(document.getElementById('RegisterCalculator1_fund_cal'));          
                /* $('#RegisterCalculator1_fund_cal').fadeOut();*/

                HideValidators();
                $('#RegisterCalculator1_fund_cal').animate({ 'margin-left': '900px', 'display': 'none' }, 600);


                //document.getElementById("RegisterCalculator1_txtInvestment").value = "";
                document.getElementById("txtpramod").value = "";
            });
            $('.return-download').click(function () {
                $('#fundsScrWrapperAb').animate({ 'margin-left': '117px' });

            }); /*
            $('#fund_dwnld .close').click(function () {
                $('#fund_dwnld').fadeOut();

            });*/

            $('#fundsScrWrapperAb .close').click(function () {
                // $('#fundsScrWrapperAb').hide();
                $('#fundsScrWrapperAb').animate({ 'margin-left': '1000px' });
                var divContainer = document.getElementById('fundsScrScrl');
                var inputs = divContainer.getElementsByTagName('input');
                for (x = 0; x < inputs.length; x++) {
                    var element = inputs[x];
                    //check if the element if of type checkbox,
                    //and if that checkbox is checked              

                    if (element.type == 'checkbox') {
                        if (element.checked) {
                            //alert(1);
                            element.checked = false;
                            $(".jNice").eq(x).find("span").removeClass("jNiceChecked");
                            //alert(2);
                        }
                        //code goes here...

                    }
                }

            });


            /*$('.calender .text-box-1, .calender .text-box-2').keyup(function () {
            $(this).val('');
            });
            $('.calender .text-box-1, .calender .text-box-2').blur(function () {
            $(this).val('');
            });*/


        });

No comments:

Post a Comment