Advanced Search

Results 1 to 2 of 2

Thread: Expandable Sticky Bar Error

  1. #1
    Join Date
    Nov 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Expandable Sticky Bar Error

    1) Script Title: Expandable Sticky Bar

    2) Script URL (on DD): http://dynamicdrive.com/dynamicindex17/stickybar.htm

    3) Describe problem: Hi, The script does not appear only in ie. What is the wrong?

    4) Web site: www.muhipler.com

    css:
    .expstickybar {
    background: rgb(228, 58, 61);
    padding: 8px;
    left: 0px;
    width: auto;
    right: 0px;
    color: white;
    font-weight: normal;
    visibility: hidden;
    position: fixed;
    z-index: 10000;
    }
    .expstickybar a {
    color: white;
    }
    .js
    /*Expandable Sticky Bar (Initial: Nov 1st, 2010)
    * This notice must stay intact for usage
    * Author: Dynamic Drive at http://www.dynamicdrive.com/
    * Visit http://www.dynamicdrive.com/ for full source code
    */

    jQuery.noConflict()

    function expstickybar(usersetting){
    var setting=jQuery.extend({position:'bottom', peekamount:30, revealtype:'mouseover', speed:200}, usersetting)
    var thisbar=this
    var cssfixedsupport=!document.all || document.all && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //check for CSS fixed support
    if (!cssfixedsupport || window.opera)
    return
    jQuery(function($){ //on document.ready
    if (setting.externalcontent){
    thisbar.$ajaxstickydiv=$('<div id="ajaxstickydiv_'+setting.id+'"></div>').appendTo(document.body) //create blank div to house sticky bar DIV
    thisbar.loadcontent($, setting)
    }
    else
    thisbar.init($, setting)
    })
    }

    expstickybar.prototype={

    loadcontent:function($, setting){
    var thisbar=this
    var ajaxfriendlyurl=setting.externalcontent.replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/")
    $.ajax({
    url: ajaxfriendlyurl, //path to external content
    async: true,
    error:function(ajaxrequest){
    alert('Error fetching Ajax content.<br />Server Response: '+ajaxrequest.responseText)
    },
    success:function(content){
    thisbar.$ajaxstickydiv.html(content)
    thisbar.init($, setting)
    }
    })

    },

    showhide:function(keyword, anim){
    var thisbar=this, $=jQuery
    var finalpx=(keyword=="show")? 0 : -(this.height-this.setting.peekamount)
    var positioncss=(this.setting.position=="bottom")? {bottom:finalpx} : {top:finalpx}
    this.$stickybar.stop().animate(positioncss, (anim)? this.setting.speed : 0, function(){
    thisbar.$indicators.each(function(){
    var $indicator=$(this)
    $indicator.attr('src', (thisbar.currentstate=="show")? $indicator.attr('data-closeimage') : $indicator.attr('data-openimage'))
    })
    })

    thisbar.currentstate=keyword
    },

    toggle:function(){
    var state=(this.currentstate=="show")? "hide" : "show"
    this.showhide(state, true)
    },

    init:function($, setting){
    var thisbar=this
    this.$stickybar=$('#'+setting.id).css('visibility', 'visible')
    this.height=this.$stickybar.outerHeight()
    this.currentstate="hide"
    setting.peekamount=Math.min(this.height, setting.peekamount)
    this.setting=setting
    if (setting.revealtype=="mouseover")
    this.$stickybar.bind("mouseenter mouseleave", function(e){
    thisbar.showhide((e.type=="mouseenter")? "show" : "hide", true)
    })
    this.$indicators=this.$stickybar.find('img[data-openimage]') //find images within bar with data-openimage attribute
    this.$stickybar.find('a[href=#togglebar]').click(function(){ //find links within bar with href=#togglebar and assign toggle behavior to them
    thisbar.toggle()
    return false
    })
    setTimeout(function(){
    thisbar.height=thisbar.$stickybar.outerHeight() //refetch height of bar after 1 second (last change to properly get height of sticky bar)
    }, 1000)
    this.showhide("hide")
    }
    }


    /////////////Initialization code://///////////////////////////

    //Usage: var unqiuevar=new expstickybar(setting)

    var mystickybar=new expstickybar({
    id: "stickybar", //id of sticky bar DIV
    position:'bottom', //'top' or 'bottom'
    revealtype:'mouseover', //'mouseover' or 'manual'
    peekamount:35, //number of pixels to reveal when sticky bar is closed
    externalcontent:'_inc/bar.asp', //path to sticky bar content file on your server, or "" if content is defined inline on the page
    speed:200 //duration of animation (in millisecs)
    })
    Last edited by muhipler; 11-20-2011 at 11:31 AM. Reason: to add web site adresses

  2. #2
    Join Date
    Nov 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Any answer ?

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •