change column height on website.

Discussion in 'JavaScript' started by tyankee, Jun 19, 2014.

  1. #1
    i think the coding for the column height for this website - http://kelleyscanyonorchard.com/where-to-buy/ - is in a javascript file because i can't find it in the html,php, or css files and i found this in the javascript file - but i have zero js experience so i don't know.. i need to change it so that the left sidebar background of grey does NOT go all the way down the page to match the content in the main column.. i want the background to stop after the facebook link.. using firefox and firebug, i see where it's setting a column height and if i remove that it works great but i can't find where to remove it in the coding.. here is a copy of where i think it might be??

    /*! Backstretch - v2.0.4 - 2013-06-19
    * http://srobbin.com/jquery-plugins/backstretch/
    * Copyright (c) 2013 Scott Robbin; Licensed MIT */
    (function(a,d,p){a.fn.backstretch=function(c,b){(c===p||0===c.length)&&a.error("No images were supplied for Backstretch");0===a(d).scrollTop()&&d.scrollTo(0,0);return this.each(function(){var d=a(this),g=d.data("backstretch");if(g){if("string"==typeof c&&"function"==typeof g[c]){g[c](b);return}b=a.extend(g.options,b);g.destroy(!0)}g=new q(this,c,b);d.data("backstretch",g)})};a.backstretch=function(c,b){return a("body").backstretch(c,b).data("backstretch")};a.expr[":"].backstretch=function(c){return a(c).data("backstretch")!==p};a.fn.backstretch.defaults={centeredX:!0,centeredY:!0,duration:5E3,fade:0};var r={left:0,top:0,overflow:"hidden",margin:0,padding:0,height:"100%",width:"100%",zIndex:-999999},s={position:"absolute",display:"none",margin:0,padding:0,border:"none",width:"auto",height:"auto",maxHeight:"none",maxWidth:"none",zIndex:-999999},q=function(c,b,e){this.options=a.extend({},a.fn.backstretch.defaults,e||{});this.images=a.isArray(b)?b:;a.each(this.images,function(){a("<img />")[0].src=this});this.isBody=c===document.body;this.$container=a(c);this.$root=this.isBody?l?a(d):a(document):this.$container;c=this.$container.children(".backstretch").first();this.$wrap=c.length?c:a('<div class="backstretch"></div>').css(r).appendTo(this.$container);this.isBody||(c=this.$container.css("position"),b=this.$container.css("zIndex"),this.$container.css({position:"static"===c?"relative":c,zIndex:"auto"===b?0:b,background:"none"}),this.$wrap.css({zIndex:-999998}));this.$wrap.css({position:this.isBody&&l?"fixed":"absolute"});this.index=0;this.show(this.index);a(d).on("resize.backstretch",a.proxy(this.resize,this)).on("orientationchange.backstretch",a.proxy(function(){this.isBody&&0===d.pageYOffset&&(d.scrollTo(0,1),this.resize())},this))};q.prototype={resize:function(){try{var a={left:0,top:0},b=this.isBody?this.$root.width():this.$root.innerWidth(),e=b,g=this.isBody?d.innerHeight?d.innerHeight:this.$root.height():this.$root.innerHeight(),j=e/this.$img.data("ratio"),f;j>=g?(f=(j-g)/2,this.options.centeredY&&(a.top="-"+f+"px")):(j=g,e=j*this.$img.data("ratio"),f=(e-b)/2,this.options.centeredX&&(a.left="-"+f+"px"));this.$wrap.css({width:b,height:g}).find("img:not(.deleteable)").css({width:e,height:j}).css(a)}catch(h){}return this},show:function(c){if(!(Math.abs(c)>this.images.length-1)){var b=this,e=b.$wrap.find("img").addClass("deleteable"),d={relatedTarget:b.$container[0]};b.$container.trigger(a.Event("backstretch.before",d),[b,c]);this.index=c;clearInterval(b.interval);b.$img=a("<img />").css(s).bind("load",function(f){var h=this.width||a(f.target).width();f=this.height||a(f.target).height();a(this).data("ratio",h/f);a(this).fadeIn(b.options.speed||b.options.fade,function(){e.remove();b.paused||b.cycle();a(["after","show"]).each(function(){b.$container.trigger(a.Event("backstretch."+this,d),[b,c])})});b.resize()}).appendTo(b.$wrap);b.$img.attr("src",b.images[c]);return b}},next:function(){return this.show(this.index<this.images.length-1?this.index+1:0)},prev:function(){return this.show(0===this.index?this.images.length-1:this.index-1)},pause:function(){this.paused=!0;return this},resume:function(){this.paused=!1;this.next();return this},cycle:function(){1<this.images.length&&(clearInterval(this.interval),this.interval=setInterval(a.proxy(function(){this.paused||this.next()},this),this.options.duration));return this},destroy:function(c){a(d).off("resize.backstretch orientationchange.backstretch");clearInterval(this.interval);c||this.$wrap.remove();this.$container.removeData("backstretch")}};var l,f=navigator.userAgent,m=navigator.platform,e=f.match(/AppleWebKit\/([0-9]+)/),e=!!e&&e[1],h=f.match(/Fennec\/([0-9]+)/),h=!!h&&h[1],n=f.match(/Opera Mobi\/([0-9]+)/),t=!!n&&n[1],k=f.match(/MSIE ([0-9]+)/),k=!!k&&k[1];l=!((-1<m.indexOf("iPhone")||-1<m.indexOf("iPad")||-1<m.indexOf("iPod"))&&e&&534>e||d.operamini&&"[object OperaMini]"==={}.toString.call(d.operamini)||n&&7458>t||-1<f.indexOf("Android")&&e&&533>e||h&&6>h||"palmGetResource"in d&&e&&534>e||-1<f.indexOf("MeeGo")&&-1<f.indexOf("NokiaBrowser/8.5.0")||k&&6>=k)})(jQuery,window);

    (function($) {
    "use strict";
    $(function() {
    // remove width + height attributes from uploaded images
    $('article img, .wp-post-image').each(function(){
    $(this).removeAttr('width')
    $(this).removeAttr('height');
    });
    // get primary menu title and add to link element if exists
    $('#primary-menu li a').each(function() {
    var menuText = $(this).text();
    var menuTitle = $(this).attr('title');
    if (menuTitle !== undefined) {
    $(this).html(menuText + '<br /><span>' + menuTitle + '</span>').addClass('custom-title');
    }
    });
    // add margin to primary menu if blog name is long
    var blogNameWidth = $('#blog-name').width();
    if (blogNameWidth > 278) {
    $('#primary-menu').css('float','right');
    }
    // add glyphicon to widget titles
    $('.widget-title').each(function() {
    var menuTitle = $(this).text();
    $(this).html('<span class="glyphicon glyphicon-circle-arrow-right"></span>' + menuTitle);
    });
    // add glyphicon to image captions
    $('.wp-caption-text').each(function() {
    var captionText = $(this).text();
    $(this).html('<span class="glyphicon glyphicon-info-sign"></span>' + captionText);
    });
    // remove trailing slash from tag list
    $('.tags').each(function() {
    $('.slash:last').remove();
    });
    // adjust column heights
    columnHeight();
    function columnHeight() {
    var windowWidth = $(window).width();
    if (windowWidth > 760) {
    var leftHeight = $('#sidebar-left').height();
    var contentHeight = $('.mid-column').height() + 15;
    var rightHeight = $('#sidebar-right').height();
    if (contentHeight > rightHeight) {$('#sidebar-right').css('height', contentHeight+'px');}
    if (contentHeight > leftHeight) {$('#sidebar-left').css('height', contentHeight+'px');}
    $('#sidebar-left').insertBefore($('.mid-column'));
    } else {
    console.log('here');
    $('#sidebar-left, #sidebar-right').removeAttr('style');
    $('#sidebar-left').insertAfter($('.mid-column'));
    }
    }
    $(window).on('resize', function(){
    columnHeight();
    });
    });
    }(jQuery));
     
    tyankee, Jun 19, 2014 IP
  2. tyankee

    tyankee Well-Known Member

    Messages:
    1,023
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    150
    #2
    anybody??
     
    tyankee, Jun 20, 2014 IP
  3. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #3
    If you just want to remove the failed "equal height" thing, and just leave the length as defined by CSS, remove the following code (or comment it out):
    
    // adjust column heights
    columnHeight();
    function columnHeight() {
    var windowWidth = $(window).width(); 
    if (windowWidth > 760) {
    var leftHeight = $('#sidebar-left').height();
    var contentHeight = $('.mid-column').height() + 15;
    var rightHeight = $('#sidebar-right').height(); 
    if (contentHeight > rightHeight) {$('#sidebar-right').css('height', contentHeight+'px');}
    if (contentHeight > leftHeight) {$('#sidebar-left').css('height', contentHeight+'px');} 
    $('#sidebar-left').insertBefore($('.mid-column')); 
    } else {
    console.log('here');
    $('#sidebar-left, #sidebar-right').removeAttr('style');
    $('#sidebar-left').insertAfter($('.mid-column'));
    }
    } 
    $(window).on('resize', function(){ 
    columnHeight();
    });
    
    Code (markup):
     
    PoPSiCLe, Jun 20, 2014 IP
  4. tyankee

    tyankee Well-Known Member

    Messages:
    1,023
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    150
    #4
    wow - perfect.. that looked to easy to be right but it works great..
     
    tyankee, Jun 21, 2014 IP