Skip to content

Instantly share code, notes, and snippets.

@joeldbirch

joeldbirch/supposition.js

Created April 12, 2013 12:22
Download ZIP

Revisions

  1. joeldbirch renamed this gist Apr 12, 2013. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.js → supposition.js
    View file
    File renamed without changes.
  2. joeldbirch revised this gist Apr 12, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion gistfile1.js
    View file
    Original file line number Diff line number Diff line change
    @@ -9,7 +9,7 @@
    * http://www.gnu.org/licenses/gpl.html
    */

    (function($){
    ;(function($){

    $.fn.supposition = function(){
    var $w = $(window), /*do this once instead of every onBeforeShow call*/
  3. joeldbirch created this gist Apr 12, 2013.
    82 changes: 82 additions & 0 deletions gistfile1.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,82 @@
    /*
    * Supposition v0.3a - an optional enhancer for Superfish jQuery menu widget
    *
    * Copyright (c) 2013 Joel Birch - based on work by Jesse Klaasse - credit goes largely to him.
    * Special thanks to Karl Swedberg for valuable input.
    *
    * Dual licensed under the MIT and GPL licenses:
    * http://www.opensource.org/licenses/mit-license.php
    * http://www.gnu.org/licenses/gpl.html
    */

    (function($){

    $.fn.supposition = function(){
    var $w = $(window), /*do this once instead of every onBeforeShow call*/
    _offset = function(dir) {
    return window[dir == 'y' ? 'pageYOffset' : 'pageXOffset']
    || document.documentElement && document.documentElement[dir=='y' ? 'scrollTop' : 'scrollLeft']
    || document.body[dir=='y' ? 'scrollTop' : 'scrollLeft'];
    },
    onInit = function(){
    /* I haven't touched this bit - needs work as there are still z-index issues */
    $topNav = $('li',this);
    var cZ=parseInt($topNav.css('z-index')) + $topNav.length;
    $topNav.each(function() {
    $(this).css({zIndex:--cZ});
    });
    },
    onHide = function(){
    this.css({marginTop:'',marginLeft:''});
    },
    onBeforeShow = function(){
    this.each(function(){
    var $u = $(this);
    $u.css('display','block');
    var menuWidth = $u.width(),
    parentWidth = $u.parents('ul').width(),
    totalRight = $w.width() + _offset('x'),
    menuRight = $u.offset().left + menuWidth;
    if (menuRight > totalRight) {
    $u.css('margin-left', ($u.parents('ul').length == 1 ? totalRight - menuRight : -(menuWidth + parentWidth)) + 'px');
    }

    var windowHeight = $w.height(),
    offsetTop = $u.offset().top,
    menuHeight = $u.height(),
    baseline = windowHeight + _offset('y');
    var expandUp = (offsetTop + menuHeight > baseline);
    if (expandUp) {
    $u.css('margin-top',baseline - (menuHeight + offsetTop));
    }
    $u.css('display','none');
    });
    };

    return this.each(function() {
    var $this = $(this),
    o = $this.data('sf-options'); /* get this menu's options */

    /* if callbacks already set, store them */
    var _onInit = o.onInit,
    _onBeforeShow = o.onBeforeShow,
    _onHide = o.onHide;

    $.extend($this.data('sf-options'),{
    onInit: function() {
    onInit.call(this); /* fire our Supposition callback */
    _onInit.call(this); /* fire stored callbacks */
    },
    onBeforeShow: function() {
    onBeforeShow.call(this); /* fire our Supposition callback */
    _onBeforeShow.call(this); /* fire stored callbacks */
    },
    onHide: function() {
    onHide.call(this); /* fire our Supposition callback */
    _onHide.call(this); /* fire stored callbacks */
    }
    });
    });
    };

    })(jQuery);