Thursday, September 22, 2011

Facebook Activity Stories box Opacity Changer


// ==UserScript==
// // @name          Facebook ActivityStories box Opacity Changer
// // @author        Jakub Zakrzewski
// // @namespace     http://interwies.pl
// // @description   Do you find the new facebook ticker activity stories box annoying? Simply play with its opacity, make it less visible, but still have access to it.
// // @include       http://facebook.tld/*
// // @include       http://www.facebook.tld/*
// // @include       http://facebook.com/*
// // @include       http://www.facebook.com/*
// // @version  0.3
// @require https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// // ==/UserScript==
// // Notes:
// //   * is a wildcard character
// //   .tld is magic that matches all top-level domains (e.g. .com, .co.uk, .us, 
// etc.)


var oldOpacity = Number(GM_getValue("opacity", 0.5));
      GM_log("oldOpacity=" + oldOpacity);

window.addEventListener("load", function(e) {

    jQuery.noConflict();
    function start(){
    try{
    var div_content = '<div id="jz_resize_stories_box">'
    +  '<span id="jz_resizedown">[-]</span>'
    + '<span id="jz_resizeup">[+]</span>'
    + '</div>';
    jQuery('#pagelet_rhc_ticker').children().eq(0).before(div_content);

    var stories_div = jQuery('.tickerActivityStories:first');
    stories_div.css('opacity',oldOpacity); 
    stories_div.mouseenter(function(){
      stories_div.css('opacity',1);
      });
    stories_div.mouseleave(function(){
      stories_div.css("opacity", oldOpacity);
      });


    jQuery('span#jz_resizedown').live('click', function() {
      var i= jQuery('.tickerActivityStories').filter(':first');
      var h=Number(i.css('opacity')); 
      GM_log("h=" + h);
      oldOpacity=h-0.20;
      GM_log("oldOpacity=" + oldOpacity);
      i.css('opacity',oldOpacity);
      GM_setValue("opacity", oldOpacity+'');
      });

    jQuery('span#jz_resizeup').live('click', function() {
      var i= jQuery('.tickerActivityStories').filter(':first');
      var h=Number(i.css('opacity')); 
      GM_log("h=" + h);
      oldOpacity=h+0.20;
      GM_log("oldOpacity=" + oldOpacity);
      i.css('opacity',oldOpacity);
      GM_setValue("opacity", oldOpacity+'');
      });
    }
    finally{
      if(jQuery('div#jz_resize_stories_box').length == 0){
        window.setTimeout(start, 1000, true);  
      }
    }
    }

  if(jQuery('div#jz_resize_stories_box').length == 0){
    window.setTimeout(start, 1000, true);  
  }
}, false);

/*
 * v1
    function start(){
    jQuery.noConflict();

    var content = "<span onClick=\"function(){ var i= jQuery('.tickerActivityStories:first'); var h=Number(i.css('opacity')); h=h-0.25; i.css('opacity',h);}\">[-]</span>";

    jQuery('#pagelet_rhc_ticker').children().eq(0).before(content);
    alert(content);

    }
    --------------------------------
    v2
    function resizedown(){ var i= jQuery('.tickerActivityStories:first'); var h=Number(i.css('opacity')); h=h-0.25; i.css('opacity',h);  }
    function resizeup(){ var i= jQuery('.tickerActivityStories:first');  var h=Number(i.css('opacity')); h+=0.25; i.css('opacity',h);  }

window.addEventListener("load", function(e) {

    
    function start(){
    jQuery.noConflict();
    var resize_down = '<span onClick="resizedown()">[-]</span>';
    var resize_up = '<span onClick="resizeup()">[+]</span>';
    jQuery('#pagelet_rhc_ticker').children().eq(0).before(resize_down + "..." + resize_up);
    }


    jQuery('#pagelet_rhc_ticker').children().eq(0).before(""
    + '<span onClick='
    + "function(){ var i= jQuery('.tickerActivityStories:first'); var h=Number(i.css('opacity')); h=h-0.25; i.css('opacity',h);  }"
    + ">[-]</span>";
    );




  window.setTimeout(start, 15000, true);  
}, false);
*/

0 comments:

Post a Comment