$('.top-bar-con .manage').css('width', $('.top-bar-con').width() - $('.top-bar-con .account').width() - 30); $('#title-panel, #left-panel, #right-panel').each(function() { // for ie 7 if ($(this).children().length == 0) { $(this).addClass('hide'); } }); $('#tabs').tabs({cookie:{expires:1}}); // handle messages if ($('.messages')[0]) { $('#main').append($('.messages')); $('.messages').css({'left':($(window).width() - $('.messages').width())/2, 'top':10}).removeClass('hide'); setTimeout(function() { $('.messages').addClass('hide'); }, 10000); } //highlight the tr when mouse hover on it $("table tr:gt(0), .checkbox-label").hover( function() { $(this).addClass('hl'); }, function() { $(this).removeClass('hl'); } ); $('input, textarea').placeholder(); $('.checkbox-orig').click(function() { $(this).parent().toggleClass('checkbox-checked'); }); $('#lang-context').click(function() { if ($(this).attr('data') == 'no-popup') { $(this).parent().css('position', 'relative'); $('#lang-context-selector').removeClass('hide'); $(this).attr('data', 'has-popup'); } else { $('#lang-context-selector').addClass('hide'); $(this).attr('data', 'no-popup'); } return false; }).focus(function() { $(this).blur(); }); $(document).click(function(e) { var element = e.target || e.srcElement; if (element.id != 'lang-context-selector' && element.id != 'lang-context') { $('#lang-context-selector').addClass('hide'); $('#lang-context').attr('data', 'no-popup'); } }); if ($.browser.mozilla || $.browser.msie) { $('a').focus(function() { $(this).blur(); }); } if ($.browser.msie) { $('button, input[type="checkbox"], input[type="radio"], input[type="submit"]').focus(function() { $(this).blur(); }); } /* * add op confirm popup * e.g: * e.g: addConfirmTo($('.user-del'), {'title': 'Delete user', 'con':'Really del user %s ?'}); */ function addConfirmTo(op_ele, popup) { op_ele.click(function() { var con = ''; if ($(this).data('target') && popup['con'].indexOf('%s') != -1) { con = popup['con'].replace('%s', '' + $(this).data('target') + ''); } else { con = popup['con']; } $('#confirm-con').html('
' + con + '
'); $('#confirm-popup').modal({appendTo:'#main'}); $('#simplemodal-container').css({'height':'auto'}); $('#confirm-yes').data('url', $(this).data('url')).click(function() { location.href = $(this).data('url'); }); return false;//in case op_ele is '' }); } /* * func: add autocomplete to some input ele * @param ele_id: autocomplete is added to this ele(ment), e.g-'#xxx' * @param container_id: id of autocomplete's container, often container of element above * @param data: tip data in array, e.g- ['xx', 'yy'] */ function addAutocomplete(ele_id, container_id, data) { function split(val) { return val.split(/,\s*/); } function extractLast(term) { return split(term).pop(); } $(ele_id) .bind("keydown", function(event) { if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) { event.preventDefault(); } }) .bind('autocompleteopen', function(e, ui) { $(ele_id).autocomplete('widget').css({'max-width':$(ele_id).width(), 'max-height':$(window).height() + $(window).scrollTop() - $(ele_id).offset().top - $(ele_id).outerHeight()}); }) .autocomplete({ appendTo: container_id, autoFocus: true, delay: 100, minLength: 0, source: function(request, response) { var matcher = new RegExp($.ui.autocomplete.escapeRegex(extractLast(request.term)), "i"); response($.grep(data, function(value) { return matcher.test(value.value); })); }, focus: function() { return false; }, select: function(event, ui) { var terms = split(this.value); terms.pop(); terms.push(ui.item.label); terms.push(""); this.value = terms.join(", "); return false; } }); } /* * func: add autocomplete for `@` to some input ele * @param ele_id: autocomplete is added to this ele(ment), e.g-'#xxx' * @param ele_css: {'xx':'xxx'}, styles to be applied to ele_cp * @param container_id: id of autocomplete's container, often container of element above */ function addAtAutocomplete(ele_id, container_id, gids, aj_url, ele_css) { var pos = ''; // cursor position var cursor_at_end; // Boolean. if cursor at the end or in the middle. var end_str = ''; // str after '@' when '@' is inserted into the middle of the ele's value var ele_scrollTop = 0; // scrollTop of ele. defined to fix a bug for ff (after selecting a item, it turns into 0) /* * make a copy of ele, in order to get coordinates of '@' * make sure ele_cp has the same 'width', 'font', 'line-height', 'border', 'padding', and etc, with ele */ var ele_cp = ''; $('#main').append(ele_cp); ele_cp = $(ele_id + '-cp'); ele_cp.css({'position':'absolute', 'left':0, 'bottom':0, 'z-index':-10000, 'visibility':'hidden', 'white-space':'pre-wrap'}).css(ele_css); $(ele_id) .bind("keydown", function(event) { if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) { event.preventDefault(); } }) .bind('keypress', function(e) { if (String.fromCharCode(e.keyCode || e.charCode) == '@') { var str = ''; pos = getCaretPos($(this)[0]); if (pos == $(this).val().length) { cursor_at_end = true; str = $(this).val(); } else { cursor_at_end = false; end_str = $(this).val().substring(pos); str = $(this).val().substring(0, pos); } ele_cp.html(str.replace(//g, '>').replace(/`/g, '`').replace(/"/g, '"').replace(/\r\n|\r|\n/g, "