Thursday, July 10, 2014

Highlight textarea where you need input via jQuery...


        !function($) {
            $.fn.setCursorPosition = function(pos,end) {
                $(this).each(function(){
                    if(typeof end == 'undefined'){
                        end = pos;
                    }
                    this.focus();
                    if (this.setSelectionRange) {
                        this.setSelectionRange(pos, end);
                    } else if (this.createTextRange) {
                        var range = this.createTextRange();
                        range.collapse(true);
                        if(pos < 0) {
                            pos = $(this).val().length + pos;
                        }
                        if(end < 0) {
                            end = $(this).val().length + end;
                        }
                        range.moveEnd('character', end);
                        range.moveStart('character', pos);
                        range.select();
                    }
                });
            }
        } (jQuery);

        $('#cForm').on('submit',function(){
            var textStr = $("#body").val();
            var exists = textStr.indexOf('??????');
            if(exists > -1){
                $("#body").setCursorPosition(exists, (exists+6) );
                $(document).trigger("event.sharedErrorContent",['Please enter a thing here.',false]);
                return false;
            }
        });