bookmarklet teemplate

by secretgspot

HTML

bookmarklet template ,crunch on http://ted.mielczarek.org/code/mozilla/bookmarklet.html

JavaScript

if (typeof jQuery == 'undefined') {
    alert('no jquery! its being added');
    script = document.createElement( 'script' );
    script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';
    script.onload=runEverything;
    document.getElementsByTagName('head')[0].appendChild(script);

    _my_script = document.createElement('script');
    _my_script.src = 'http://dev.kuzya.com/OSC/js/master.js';
    document.getElementsByTagName('head')[0].appendChild(_my_script);
} else {

$("<div id='fazzle-widget' style='width: 333px;height: auto; border-left: 5px solid black;  background-color:white;  position:fixed; top: 0; bottom: 0; right: 0;left: auto;z-index: 99999;padding: 0;'><h1 style=''>Fazzle Widget</h1><div id='fz-widget-img'>image will load here</div></div>").appendTo("body");

    runEverything();
}

function runEverything() {

$("img").hover(
  function () {
    var thisLink = $(this).attr('src');
    $(this).css({'box-shadow': '1px 1px 3px yellowgreen'});
    $('#fz-widget-img').html("<img src='" + thisLink + "' style='margin:0;padding:0;border:0;max-width:333px;max-height:200px;'>");
    //console.log(thisLink);
  }, 
  function () {
    $(this).css({'border': '0'});
    //$('#fz-widget-img').html('no longer over image');
  }
);
}