function inlinevideo(mid) { var flashvars={ file:'http://i.juick.com/video/'+mid+'.mp4', image:'http://i.juick.com/thumbs/'+mid+'.jpg', skin:'http://static.juick.com/glow.zip', autostart:'true' }; var params={ allowfullscreen:'true' }; swfobject.embedSWF('//static.juick.com/player.swf','video-'+mid,'512','384','9.0.115','false',flashvars,params,null); } function postformListener(formEl,ev) { if(ev.ctrlKey && (ev.keyCode==10 || ev.keyCode==13)) formEl.submit(); } function showMoreReplies(id) { $('#'+id+' .msg-comments').hide(); var replies=$('#replies>li'); var flagshow=0; for(var i=0; i'); c.before(''); c.append(''); } // $('#replies #'+rid+' .msg-links').hide(); $('#replies #'+rid+' .msg-comment').show(); $('#replies #'+rid+' textarea')[0].focus(); $('#replies #'+rid+' textarea').autoResize({ extraSpace: 0, minHeight: 1 }); return false; } function unfoldReply() { if((0+window.location.hash.substring(1))>0) { var el=$(window.location.hash); while(el.is(":hidden")) { el=el.prev(); } showMoreReplies(el.attr('id')); window.location.replace(window.location.hash); } } function showMessageLinksDialog(mid,rid) { var hlink="http://juick.com/"+mid; var mlink="#"+mid; if(rid>0) { hlink+="#"+rid; mlink+="/"+rid; } $('#dialogl').html(hlink); $('#dialogn').html(mlink); $('#dialogw li>a').click(function(event) { event.preventDefault(); openSocialWindow($(this).attr('href')); }); var hlinkenc=encodeURIComponent(hlink); $('#sharefb').attr('href','https://www.facebook.com/sharer/sharer.php?u='+hlinkenc); $('#sharetw').attr('href','https://twitter.com/intent/tweet?url='+hlinkenc); $('#sharevk').attr('href','https://vk.com/share.php?url='+hlinkenc); $('#sharegp').attr('href','https://plus.google.com/share?url='+hlinkenc); var w=$('#dialogw'); var b=$('#dialogb'); w.css("top", Math.max(0, ((b.height() - w.outerHeight()) / 2) + b.scrollTop()) + "px"); w.css("left", Math.max(0, ((b.width() - w.outerWidth()) / 2) + b.scrollLeft()) + "px"); b.show(); w.show(); } function openSocialWindow(url) { var w=window.open(url,'juickshare','width=640,height=400'); if(window.focus) w.focus(); } function checkUsername() { var uname=$('#username').val(); $.ajax('http://api.juick.com/users?uname='+uname).done(function() { $('#username').css('background','#FFCCCC'); }).fail(function() { $('#username').css('background','#CCFFCC'); }); } /******************************************************************************/ jQuery.fn.selectText = function(){ var d = document; if (d.body.createTextRange) { var range = d.body.createTextRange(); range.moveToElementText(this[0]); range.select(); } else if (window.getSelection) { var selection = window.getSelection(); var range = d.createRange(); range.selectNodeContents(this[0]); selection.removeAllRanges(); selection.addRange(range); } }; /* * jQuery.fn.autoResize 1.14 */ (function($){ var uid = 'ar' + +new Date, defaults = autoResize.defaults = { onResize: function(){}, onBeforeResize: function(){ return 123 }, onAfterResize: function(){ return 555 }, animate: { duration: 200, complete: function(){} }, extraSpace: 50, minHeight: 'original', maxHeight: 500, minWidth: 'original', maxWidth: 500 }; autoResize.cloneCSSProperties = [ 'lineHeight', 'textDecoration', 'letterSpacing', 'fontSize', 'fontFamily', 'fontStyle', 'fontWeight', 'textTransform', 'textAlign', 'direction', 'wordSpacing', 'fontSizeAdjust', 'paddingTop', 'paddingLeft', 'paddingBottom', 'paddingRight', 'width' ]; autoResize.cloneCSSValues = { position: 'absolute', top: -9999, left: -9999, opacity: 0, overflow: 'hidden' }; autoResize.resizableFilterSelector = [ 'textarea:not(textarea.' + uid + ')', 'input:not(input[type])', 'input[type=text]', 'input[type=password]', 'input[type=email]', 'input[type=url]' ].join(','); autoResize.AutoResizer = AutoResizer; $.fn.autoResize = autoResize; function autoResize(config) { this.filter(autoResize.resizableFilterSelector).each(function(){ new AutoResizer( $(this), config ); }); return this; } function AutoResizer(el, config) { if (el.data('AutoResizer')) { el.data('AutoResizer').destroy(); } config = this.config = $.extend({}, autoResize.defaults, config); this.el = el; this.nodeName = el[0].nodeName.toLowerCase(); this.originalHeight = el.height(); this.previousScrollTop = null; this.value = el.val(); if (config.maxWidth === 'original') config.maxWidth = el.width(); if (config.minWidth === 'original') config.minWidth = el.width(); if (config.maxHeight === 'original') config.maxHeight = el.height(); if (config.minHeight === 'original') config.minHeight = el.height(); if (this.nodeName === 'textarea') { el.css({ resize: 'none', overflowY: 'hidden' }); } el.data('AutoResizer', this); // Make sure onAfterResize is called upon animation completion config.animate.complete = (function(f){ return function() { config.onAfterResize.call(el); return f.apply(this, arguments); }; }(config.animate.complete)); this.bind(); } AutoResizer.prototype = { bind: function() { var check = $.proxy(function(){ this.check(); return true; }, this); this.unbind(); this.el .bind('keyup.autoResize', check) //.bind('keydown.autoResize', check) .bind('change.autoResize', check) .bind('paste.autoResize', function() { setTimeout(function() { check(); }, 0); }); if (!this.el.is(':hidden')) { this.check(null, true); } }, unbind: function() { this.el.unbind('.autoResize'); }, createClone: function() { var el = this.el, clone = this.nodeName === 'textarea' ? el.clone() : $(''); this.clone = clone; $.each(autoResize.cloneCSSProperties, function(i, p){ clone[0].style[p] = el.css(p); }); clone .removeAttr('name') .removeAttr('id') .addClass(uid) .attr('tabIndex', -1) .css(autoResize.cloneCSSValues); if (this.nodeName === 'textarea') { clone.height('auto'); } else { clone.width('auto').css({ whiteSpace: 'nowrap' }); } }, check: function(e, immediate) { if (!this.clone) { this.createClone(); this.injectClone(); } var config = this.config, clone = this.clone, el = this.el, value = el.val(); // Do nothing if value hasn't changed if (value === this.prevValue) { return true; } this.prevValue = value; if (this.nodeName === 'input') { clone.text(value); // Calculate new width + whether to change var cloneWidth = clone.width(), newWidth = (cloneWidth + config.extraSpace) >= config.minWidth ? cloneWidth + config.extraSpace : config.minWidth, currentWidth = el.width(); newWidth = Math.min(newWidth, config.maxWidth); if ( (newWidth < currentWidth && newWidth >= config.minWidth) || (newWidth >= config.minWidth && newWidth <= config.maxWidth) ) { config.onBeforeResize.call(el); config.onResize.call(el); el.scrollLeft(0); if (config.animate && !immediate) { el.stop(1,1).animate({ width: newWidth }, config.animate); } else { el.width(newWidth); config.onAfterResize.call(el); } } return; } // TEXTAREA clone.width(el.width()).height(0).val(value).scrollTop(10000); var scrollTop = clone[0].scrollTop; // Don't do anything if scrollTop hasen't changed: if (this.previousScrollTop === scrollTop) { return; } this.previousScrollTop = scrollTop; if (scrollTop + config.extraSpace >= config.maxHeight) { el.css('overflowY', ''); scrollTop = config.maxHeight; immediate = true; } else if (scrollTop <= config.minHeight) { scrollTop = config.minHeight; } else { el.css('overflowY', 'hidden'); scrollTop += config.extraSpace; } config.onBeforeResize.call(el); config.onResize.call(el); // Either animate or directly apply height: if (config.animate && !immediate) { el.stop(1,1).animate({ height: scrollTop }, config.animate); } else { el.height(scrollTop); config.onAfterResize.call(el); } }, destroy: function() { this.unbind(); this.el.removeData('AutoResizer'); this.clone.remove(); delete this.el; delete this.clone; }, injectClone: function() { ( autoResize.cloneContainer || (autoResize.cloneContainer = $('').appendTo('body')) ).append(this.clone); } }; })(jQuery); /******************************************************************************/ $(document).ready(function() { var tareply=$('textarea.reply'); tareply.autoResize({ extraSpace: 0, minHeight: 1 }); tareply.click(function () { $(this).addClass("narrow"); $(this).after(''); $(this).off('click'); }); if(!!$('#column').offset()) { var stickyTop = $('#column').offset().top; $(window).scroll(function() { var windowTop = $(window).scrollTop(); var column=$('#column'); var rcol=$('#rcol'); if (stickyTop < windowTop) { if(column.hasClass('fix')==false) { column.removeClass('abs'); column.addClass('fix'); rcol.removeClass('abs'); rcol.addClass('fix'); } } else if(column.hasClass('fix')==true) { column.removeClass('fix'); column.addClass('abs'); rcol.removeClass('fix'); rcol.addClass('abs'); } }); } unfoldReply(); $(window).bind('hashchange',unfoldReply); });