There are 7 previous versions of this script.
Add Syntax Highlighting (this will take a few seconds, probably freezing your browser while it works)
// ==UserScript==
// @name Flickr AllSizes, by Dharmafly
// @description AllSizes is a (Greasemonkey) userscript to give better access to Flickr photos: HTML and BBCode for the different image sizes, URLs, downloads and more.
// @version 2.0.3
// @namespace http://dharmafly.com
// @df:project http://dharmafly.com/projects/allsizes/
// @copyright 2010+, Premasagar Rose (http://premasagar.com)
// @license MIT license; http://opensource.org/licenses/mit-license.php
/*!
* Flickr AllSizes
*
* discuss:
* flickr.com/groups/flickrhacks/discuss/72157594303798688/
*
* fave the app in the Flickr App Garden:
* flickr.com/services/apps/34760/
*
* latest version:
* userscripts.org/scripts/source/6178.user.js
* assets.dharmafly.com/allsizes/allsizes.user.js (mirror)
*
* userscript hosting:
* userscripts.org/scripts/show/6178
*
* source code repository:
* github.com/premasagar/allsizes/
*
ยก*/
// Activate on a Flickr photo page
// @match http://www.flickr.com/photos/*/*
// @include http://www.flickr.com/photos/*/*
//
// @exclude http://www.flickr.com/photos/organize/*
// @exclude http://www.flickr.com/photos/friends/*
// @exclude http://www.flickr.com/photos/tags/*
//
// @exclude http://www.flickr.com/photos/*/sets*
// @exclude http://www.flickr.com/photos/*/friends*
// @exclude http://www.flickr.com/photos/*/archives*
// @exclude http://www.flickr.com/photos/*/tags*
// @exclude http://www.flickr.com/photos/*/alltags*
// @exclude http://www.flickr.com/photos/*/multitags*
// @exclude http://www.flickr.com/photos/*/map*
// @exclude http://www.flickr.com/photos/*/favorites*
// @exclude http://www.flickr.com/photos/*/popular*
// @exclude http://www.flickr.com/photos/*/with*
// @exclude http://www.flickr.com/photos/*/stats*
//
// @exclude http://www.flickr.com/photos/*/*/sizes*
// @exclude http://www.flickr.com/photos/*/*/stats*
// NOTE: with userscripts' simple @include/@exclude patterns, it is not possible to simultaneously support Flickr photo pages that omit a trailing slash, and also prevent the script executing on a Flickr photostream page.
// ==/UserScript==
"use strict";
(function(){
var window = this || {},
windowLocation = window.location;
// If the script executes on a photostream page, then return
if (windowLocation && windowLocation.href && windowLocation.href.match(/^http:\/\/www\.flickr\.com\/photos\/[^\/]*\/?$/)){
return;
}
/////
var // USERSCRIPT METADATA
userscript = {
name: 'AllSizes',
id: 'dharmafly-allsizes',
version: '2.0.3',
manifest: 'http://assets.dharmafly.com/allsizes/manifest.json',
codebase: 'http://userscripts.org/scripts/source/6178.user.js',
discuss: 'http://www.flickr.com/groups/flickrhacks/discuss/72157594303798688/'
},
// NAMESPACE
ns = userscript.id,
// CHECK UPDATES
day = 24 * 60 * 60 * 1000,
checkUpdatesEvery = day,
// URLs
url = {
jquery: 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js'
// NOTE: Using jQuery 1.3.2, as latest (1.4.2) is not compatible with Greasemonkey. See http://forum.jquery.com/topic/importing-jquery-1-4-1-into-greasemonkey-scripts-generates-an-error
},
// MORE WINDOW PROPERTIES
confirm = window.confirm,
JSON = window.JSON,
GM_getValue = window.GM_getValue,
GM_setValue = window.GM_setValue,
GM_xmlhttpRequest = window.GM_xmlhttpRequest,
jQuery = window.jQuery,
// DEBUG VARS
debugCommand = 'allsizesDebug',
debug = false,
locationSearch = windowLocation ? windowLocation.search : '',
debugCommandPos = locationSearch.indexOf(debugCommand),
debugCommandVal, consoleDebug,
_ = function(){},
// OTHER
cache, jsonp, cacheCore, cacheToLocalStorage, cacheToGM, localStorage;
// DEPENDENCIES
/*
* Console
* github.com/premasagar/mishmash/tree/master/console/
*/
consoleDebug = (function(){
var
window = this,
console = window.console,
opera = window.opera,
log;
// Doesn't support console API
if (!console){
// Opera
return (opera && opera.postError) ?
function(){
var i, argLen, log = opera.postError, args = arguments, arg, subArgs, prop;
log(args);
argLen = args.length;
for (i=0; i < argLen; i++){
arg = args[i];
if (typeof arg === 'object' && arg !== null){
subArgs = [];
for (prop in arg){
try {
if (arg.hasOwnProperty(prop)){
subArgs.push(prop + ': ' + arg[prop]);
}
}
catch(e){}
}
log('----subArgs: ' + subArgs);
}
}
} :
function(){};
}
else if (console.log){
log = console.log;
if (typeof log.apply === 'function'){
return function(){
log.apply(console, arguments);
};
}
else { // IE8
return function(){
var args = arguments,
len = args.length,
indent = '',
i = 0;
for (; i < len; i++){
log(indent + args[i]);
indent = '---- ';
}
};
}
}
}());
// end DEPENDENCIES
// CORE FUNCTIONS
// XHR & RESOURCE LOADING
function ajaxRequest(url, callback, method, data){
var request, dataString, prop;
// Optional args
callback = callback || function(){};
method = method ? method.toUpperCase() : 'GET';
data = data || {};
// Request object
request = {
method: method,
url:url,
headers: {
'Accept': 'application/atom+xml, application/xml, application/xml+xhtml, text/xml, text/html, application/json, application-x/javascript'
},
onload:function(response){
_('ajaxRequest: AJAX response successful', response, response.status);
if (!response || response.responseText === ''){
_('ajaxRequest: empty response');
return callback(false);
}
callback(response.responseText);
},
onerror:function(response){
_('ajaxRequest: AJAX request failed', response, response.status);
callback(false);
}
};
// POST data
if (method === 'POST'){
dataString = '';
for (prop in data){
if (data.hasOwnProperty(prop)){
if (dataString !== ''){
dataString += '&';
}
dataString += prop + '=' + encodeURI(data[prop]);
}
}
request.data = dataString;
request.headers['Content-type'] = 'application/x-www-form-urlencoded';
}
// Send request
_('ajaxRequest: Sending request', request);
GM_xmlhttpRequest(request);
}
// A JSONP bridge that circumvents the restriction in some browsers (e.g. Chrome) that a) don't allow JavaScript objects to pass from the host window to the userscript window, b) don't allow scripts to be loaded into the userscript window, and c) don't allow crossdomain Ajax requests. An utter hack. But it works.
jsonp = (function(){
var ns = 'dharmafly_jsonp',
scriptCount = 0,
window = this,
document = window.document,
body = document.body;
return function(url, callback){ // url should have trailing 'callback=?', in keeping with jQuery.getJSON
var // a unique script id
scriptId = ns + '_' + (scriptCount ++),
// use script id as the callback function name, and append it to the url "http://example.com?callback="
src = url.slice(0,-1) + scriptId,
// script element to load the external jsonp resource
jsonpScript = document.createElement('script'),
// script element to inject a function
callbackScript = document.createElement('script'),
// textarea to temporarily contain the jsonp payload, once the resource has loaded
delegateTextarea = document.createElement('textarea'),
delegateTextareaId = scriptId + '_proxy',
JSON = window.JSON;
// hide the textarea and append to the dom
delegateTextarea.style.display = 'none';
delegateTextarea.id = delegateTextareaId;
body.appendChild(delegateTextarea);
// inject script that will set up the callback function in the native window
callbackScript.textContent = '' +
'window["' + scriptId + '"] = function(data){' +
'var JSON = window.JSON,' +
'document = window.document;' +
// remove the jsonp script element
'document.body.removeChild(document.getElementById("' + scriptId + '"));' +
// add its payload to the textarea
'if (data){' +
'if (JSON && JSON.stringify){' +
'data = JSON.stringify(data);' +
'}' +
'document.getElementById("' + delegateTextareaId + '").textContent = data;' +
'}' +
'};';
body.appendChild(callbackScript);
// script element can be removed immediately, since its function has now executed
body.removeChild(callbackScript);
// set up the jsonp script to load the external resource
jsonpScript.id = scriptId;
jsonpScript.src = src;
// once it has loaded, grab the contents of the textarea and remove the textarea element
jsonpScript.addEventListener('load', function(){
window.setTimeout(function(){
_('jsonp: Script loaded: ', callback.toString().slice(0, 100));
var data = delegateTextarea.textContent;
if (JSON && JSON.parse){
data = JSON.parse(data);
}
callback(data);
body.removeChild(delegateTextarea);
}, 5);
}, false);
// append the jsonp script element, and go...
body.appendChild(jsonpScript);
};
}());
function yqlUrl(query, format){
format = format || 'json';
return 'http://query.yahooapis.com/v1/public/yql?q=' + encodeURIComponent(query) + '&format=' + format + '&callback=?';
}
function yql(query, callback){
jsonp(yqlUrl(query), callback);
}
function proxy(url, callback){
var proxyDataTable = 'http://code.dharmafly.com/yql/proxy.xml',
query = 'use "' + proxyDataTable + '" as proxy; select * from proxy where url="' + url + '"';
yql(query, function(data){
if (data && data.query && data.query.results && data.query.results.result){
callback(data.query.results.result);
}
else {
callback(false);
}
});
}
// CACHING
cacheCore = {
get: function(key){
var w = this.getWrapper(key),
undef;
return w && w.v ? w.v : undef;
},
lastModified: function(key){
var w = this.getWrapper(key);
return (w && w.t ? w.t : false);
}
};
cacheToGM = {
getWrapper: function(key){
var nsKey = ns + '-' + key,
wrapper = GM_getValue(nsKey);
return wrapper ? JSON.parse(wrapper) : wrapper;
},
set: function(key, value){
var nsKey = ns + '-' + key;
GM_setValue(nsKey, JSON.stringify({
v: value,
t: (new Date()).getTime()
}));
return value;
}
};
cacheToLocalStorage = {
getWrapper: function(key){
var nsKey = ns + '-' + key,
wrapper = localStorage.getItem(nsKey); // FF3.6.8 observed to fail when given localStorage[key]
return wrapper ? JSON.parse(wrapper) : wrapper;
},
set: function(key, value){
var nsKey = ns + '-' + key;
localStorage.setItem(nsKey, JSON.stringify({
v: value,
t: (new Date()).getTime()
}));
return value;
}
};
// localStorage wrapper
// originally from http://github.com/premasagar/revolutionaries
cache = (function(){
var storageService, storageWrapper, prop;
if (!JSON || !JSON.parse || !JSON.stringify){
_('cache: no native JSON');
}
else {
try {
localStorage = window.localStorage;
_('cache: using localStorage');
storageService = cacheToLocalStorage;
}
catch(e){
_('cache: no access to localStorage');
if (GM_setValue && GM_getValue.toString().indexOf("not supported") === -1){
_('cache: using GM_setValue/ GM_getValue');
storageService = cacheToGM;
}
}
if (storageService){
storageWrapper = function (key, value){
if (typeof value === 'undefined'){
value = storageWrapper.get(key);
_('Cache GET: ' + key, typeof value === 'string' ? value.slice(0, 100) : value);
return value;
}
_('Cache SET: ' + key, value);
return storageWrapper.set(key, value);
};
// extend wrapper function with cacheCore methods
for (prop in cacheCore){
if (cacheCore.hasOwnProperty(prop)){
storageWrapper[prop] = cacheCore[prop];
}
}
// extend wrapper function with storageService methods
for (prop in storageService){
if (storageService.hasOwnProperty(prop)){
storageWrapper[prop] = storageService[prop];
}
}
return storageWrapper;
}
}
_('cache: no storage available');
return function(){
return false;
};
}());
// Caching layer for remote resources, e.g. JSON
// TODO: add check for error responses, and mechanism for deleting keys
function cacheResource(url, callback){
var cached = cache(url);
function cacheAndCallback(data){
if (data){
cache(url, data);
}
callback(data);
}
if (cached){
_('cacheResource: fetching from cache', url);
callback(cached);
}
else {
try{
_('cacheResource: via ajaxRequest', url);
ajaxRequest(url, function(data){
if (data){
cacheAndCallback(data);
}
else {
proxy(url, cacheAndCallback);
}
});
}
catch(e){
_('cacheResource: ajaxRequest failed', url);
_('cacheResource: via proxy', url);
proxy(url, cacheAndCallback);
}
}
}
// OTHER FUNCTIONS
function flickrDiscussionLastPage(url, callback){
var flickrBase = 'http://www.flickr.com/',
query = 'select href from html where url="' + url + '" and xpath="//div[@id=\'Pages\']//div[@class=\'Paginator\']//a[@href]" | sort(field="href", descending="true") | truncate(count=1)';
yql(query, function(data){
var url;
if (data && data.query && data.query.results && data.query.results.a && data.query.results.a.href){
url = data.query.results.a.href;
url = url.replace(/^\//, flickrBase);
}
callback(url ? url : false);
});
}
function latestUserscriptVersionAlt(callback){
_('latestUserscriptVersionAlt: checking latest version from discussion thread');
var query = 'select content from html where url="http://www.flickr.com/groups/flickrhacks/discuss/72157594303798688/" and xpath="//head/title";';
yql(query, function(data){
var v;
if (data && data.query && data.query.results && data.query.results.title){
v = data.query.results.title.replace(/^[\w\W]*v([\d\.]*\d)($|\D[\w\W]*$)/im, '$1');
}
callback(v.match(/[\d\.]*\d/) ? v : false);
});
}
function latestUserscript(callback){
var url = userscript.update_url,
// select changelog from json where url="http://assets.dharmafly.com/allsizes/manifest.json" and changelog.version > "1.0.0" | sort(field="changelog.version", descending="true");
query = 'select * from json where url="' + url + '"',
latest = cache('latestUserscript'),
now = (new Date()).getTime(),
lastModified,
cacheAndCallback = function(data){
if (data && data.query && data.query.results && data.query.results.userscript){
latest = data.query.results.userscript;
_('latestUserscript: from remote store: ', latest);
cache('latestUserscript', latest);
callback(latest);
}
else { // could not get latest userscript data
// try another method to get the latest version
latestUserscriptVersionAlt(function(v){
if (v){ // apply the latest version to the existing meta data
latest = jQuery.extend({}, userscript, {version:v});
_('latestUserscript: from alt store: ', latest);
cache('latestUserscript', latest);
callback(latest);
}
else {
callback(false);
}
});
}
};
if (latest){
lastModified = cache.lastModified('latestUserscript');
if (now > lastModified + checkUpdatesEvery){
_('latestUserscript: checking remote data');
yql(query, cacheAndCallback);
}
else {
_('latestUserscript: retrieved from cache: ', latest);
callback(latest);
}
}
else {
yql(query, cacheAndCallback);
}
}
// calls back true if a new updatge to the userscript is available
function updateAvailable(callback){
latestUserscript(function(latest){
var avail = !!(latest && latest.version && latest.version > userscript.version);
_('updateAvailable:', avail, latest);
callback(avail ? latest : false);
});
}
function checkForUpdates(){
_('Checking for updates');
updateAvailable(function(latest){
if (latest){
flickrDiscussionLastPage(latest.discuss, function(url){
var doUpgrade = confirm(
latest.name + ' (userscript):\n' +
'A new version is available (v' + latest.version + '). Install now?' +
(url ? '\n\nFor more info:\n' + url : '')
);
if (doUpgrade){
window.location.href = latest.codebase;
}
});
}
});
}
function addCss(css){
_('addCss: ', css);
jQuery('head').append('<style>' + css + '</style>');
}
function init(){
_('initialising ' + userscript.name);
checkForUpdates();
var
// DOM selectors
// TODO: DRY, and only setup on Share menu open
dom = {
shareBtn: '#button-bar-share',
shareMenu: '#share-menu',
shareOptions: '#share-menu .share-menu-options',
shareHeaders: '#share-menu .share-menu-options-header',
shareHeader: '.share-menu-options-header',
embedOption: '#share-menu-options-embed',
embedHeader: '#share-menu-options-embed .share-menu-options-header',
embedContainer: '#share-menu-options-embed .sharing_embed_cont',
embedForm: '#sharing-get-html-form',
embedTextareas: '#share-menu-options-embed textarea.embed-markup',
imageSizeSelect: '.share-menu-options-inner select[name=sharing_size]',
inputCodeType: '.share-menu-options-inner input[name=code-type][type=radio]'
},
buttonNormal = 'Butt',
buttonDisabled = 'DisabledButt',
shareOptionsOpen = 'share-menu-options-open',
// Elements created by the userscript
allsizesImageOption = ns + '-share-menu-options-image',
allsizesImageLinks = ns + '-image-links',
allsizesImageSrcInput = ns + '-share-menu-options-image-input',
allsizesDownloadLink = ns + '-download-link',
allsizesViewLink = ns + '-view-link',
allsizesImageSizeSelect = allsizesImageOption + ' ' + dom.imageSizeSelect,
// CSS styles
css = '#' + allsizesImageOption + ' form {width:282px; margin:0;}' +
'#' + allsizesImageSrcInput + '{border:1px solid #D7D7D7; display:block; margin:4px 0px 6px; padding:4px; width:274px;}' +
'#' + allsizesImageSizeSelect + '{float:left;}' +
'#' + allsizesImageLinks + '{float:right; text-align:right; line-height:15px; padding-top:1px;}' +
'#' + allsizesDownloadLink + ',' + '#' + allsizesViewLink + '{display:block;}',
// DOM elements
shareBtn = jQuery(dom.shareBtn),
shareMenu = jQuery(dom.shareMenu),
shareOptions = jQuery(dom.shareOptions),
shareHeaders = jQuery(dom.shareHeaders),
embedOption = jQuery(dom.embedOption),
embedHeader = jQuery(dom.embedHeader),
embedTextareas = jQuery(dom.embedTextareas),
imageSizeSelect = jQuery(dom.imageSizeSelect, shareMenu),
inputCodeType = jQuery(dom.inputCodeType),
codeType = cache('codeType'),
menuOption = cache('menuOption'),
defaultMenuOption,
imageSize = cache('imageSize'),
imageOption, imageSrcInput, imageLinks, downloadLink, viewLink;
// DOM manipulation
function addImageMenuOption(){
_('addImageMenuOption: Adding "Grab the image" menu option');
imageOption = embedOption.clone();
// The new "Grab the Image" menu option
imageOption
.attr('id', allsizesImageOption)
.find('textarea, .sharing_embed_cont, [id=code-types]')
.remove()
.end()
.find('.share-menu-options-header')
.html('<span class="caret"></span> Grab the image')
.end()
.find('p:first')
.text('Copy and paste the image URL:')
.end()
.find('[id]')
.attr('id', null)
.end()
.find(dom.imageSizeSelect)
.before(
'<input type="text" value="" id="' + allsizesImageSrcInput + '" />' +
'<div id="' + allsizesImageLinks + '">' +
'<a id="' + allsizesViewLink + '" target="_blank">view image</a>' +
'<a id="' + allsizesDownloadLink + '">download</a>' +
'</div>'
)
.end()
.insertAfter(embedOption);
imageSrcInput = jQuery('#' + allsizesImageSrcInput);
imageLinks = jQuery('#' + allsizesImageLinks);
downloadLink = jQuery('#' + allsizesDownloadLink);
viewLink = jQuery('#' + allsizesViewLink);
// Add imageOptions elements to shortcut vars
shareOptions = shareOptions.add(imageOption);
shareHeaders = shareHeaders.add(imageOption.find(dom.shareHeader));
imageSizeSelect = imageSizeSelect.add(imageOption.find(dom.imageSizeSelect));
}
// Lookup the abbreviation for an image size (the key corresponds to the image size selectbox options; the value corresponds to the textarea id suffixes
function imageSizeAbbr(imageSize){
return {
"Square" : "sq",
"Thumbnail" : "t",
"Small" : "s",
"Medium" : "m",
"Medium 640": "z",
"Large" : "l",
"Original" : "o"
}[imageSize];
}
function currentImageSize(){
return imageSizeSelect.eq(0).find('option:selected').attr('value'); // NOTE: .attr('value') is used instead of .val() because jQuery 1.3.2 + FF 3.6.8 erroneously passes the text content and not the value attribute
}
function largestImageSize(){
return imageSizeSelect.eq(0).find('option:last').attr('value'); // NOTE: .attr('value') is used instead of .val() because jQuery 1.3.2 + FF 3.6.8 erroneously passes the text content and not the value attribute
}
function embedTextarea(imageSize, codeType){
var idSize = imageSizeAbbr(imageSize),
idCodeType = '';
if (codeType && codeType.toLowerCase() === 'bbcode'){
idCodeType = '-bbcode';
}
return idSize ?
embedTextareas.filter('[id$=-' + idSize + idCodeType + ']') :
null;
}
function imageSrc(imageSize){
var ta = embedTextarea(imageSize),
val = ta ? ta.val() : '',
match = val.match(/<img [^>]*src=['"]([^'"]+)['"][^>]*>/);
return match ? match[1] : '';
}
function imageDownloadSrc(imageSrc){
return imageSrc.replace(/(\.\w+)$/, '_d$1');
}
function changeImageSrc(imageSize){
var src;
_('changeImageSrc: Changing the image size to ', imageSize);
if (imageSize){
src = imageSrc(imageSize);
imageSrcInput.val(src);
viewLink.attr('href', src);
downloadLink.attr('href', imageDownloadSrc(src));
}
}
function initImageSrc(){
_('initImageSrc: ', currentImageSize());
changeImageSrc(currentImageSize());
}
// Change the menu position to the menu last opened - or to "Grab the HTML" menu
function menuPosition(menuOption){
_('menuPosition: setting to ', menuOption || dom.embedOption);
if (menuOption){
defaultMenuOption = jQuery('#' + menuOption);
}
if (!defaultMenuOption || !defaultMenuOption.length){
_('menuPosition: that option not found. Setting to the embed code option.');
defaultMenuOption = embedOption; // 'Grab the HTML' menu option is the default
}
if (defaultMenuOption && defaultMenuOption.length){
// Remove existing open option
shareOptions.removeClass(shareOptionsOpen);
// Apply our own option
defaultMenuOption.addClass(shareOptionsOpen);
}
}
// Cache the menu position, when the position is changed
function initMenuPositionCaching(){
_('Setting up menu position caching');
shareHeaders.click(function(){
var header = jQuery(this),
option = header.parents('.share-menu-options');
// set timeout to allow time for combo box to change the classnames
window.setTimeout(function(){
var id;
if (option.hasClass(shareOptionsOpen)){
id = option.attr('id');
_('caching the most recently clicked menu option', id);
cache('menuOption', id);
}
}, 1500);
});
}
function changeEmbedTextarea(imageSize, codeType){
var ta = embedTextarea(imageSize, codeType);
if (ta){
_('changeEmbedTextarea: Changing displayed embed code textarea to: ' + imageSize + ', ' + codeType);
embedTextareas.hide();
ta.show();
ta[0].focus(); // NOTE: more convoluted, to satisfy Greasemonkey's restrictions on accessing element attributes
ta[0].select();
}
}
// Change the image size selectbox to the last used size
function imageSelector(imageSize){
var defaultImageSize = 'Medium';
_('imageSelector: Cached image size is ', imageSize);
if (imageSize && imageSize !== defaultImageSize){
// If the requested value does not exist, use the largest option available
if (!imageSizeSelect.find('option[value=' + imageSize + ']').length){
_('imageSelector: Cached image size not available. Using the largest available.');
imageSize = largestImageSize();
}
_('imageSelector: Changing image size selectbox to ' + imageSize);
imageSizeSelect.val(imageSize);
changeEmbedTextarea(imageSize, codeType);
}
}
// Cache the image size when the size selector is changed
function initImageSelectorCaching(){
_('Setting up image size caching');
imageSizeSelect.change(function(){
var imageSize = jQuery(this).attr('value'); // NOTE: .attr('value') is used instead of .val() because jQuery 1.3.2 + FF 3.6.8 erroneously passes the text content and not the value attribute
cache('imageSize', imageSize);
// set all selectors to this size
imageSizeSelect.val(imageSize);
// TODO: improve efficiency here
// if in "Grab the image", then change "Grab the HTML"
changeEmbedTextarea(imageSize, codeType);
// if in "Grab the HTML", then change "Grab the image"
changeImageSrc(imageSize);
});
}
function updateCodeTypeHeader(){
var defaultHtml = embedHeader.data('defaultHtml');
if (!defaultHtml){
defaultHtml = embedHeader.html();
embedHeader.data('defaultHtml', defaultHtml);
}
switch (codeType){
case 'html':
embedHeader.html(defaultHtml);
break;
case 'BBCode':
embedHeader.html('<span class="caret"></span> Grab the BBCode');
break;
}
}
function updateCodeTypeRadio(){
inputCodeType.each(function(){
var radio = jQuery(this),
newCheckedVal = (radio.val() === codeType ? 'checked' : '');
radio.attr('checked', newCheckedVal);
});
}
function changeCodeType(newCodeType){
_('changeCodeType', newCodeType, codeType);
codeType = newCodeType;
// Cache the codeType for next page load
cache('codeType', codeType);
updateCodeTypeHeader();
}
function initCodeTypeChanger(){
_('Cached codeType: ', codeType);
if (!codeType){
codeType = 'html';
}
inputCodeType.click(function(){
var codeType = inputCodeType.filter(':checked').val();
changeCodeType(codeType);
});
}
// Change the default behaviour around elements selecting on focus, which doesn't work well in WebKit
function selectOnFocus(){
var elems = shareMenu.find('textarea, input[type=text]');
elems.each(function(){ // NOTE: we can't use elems.attr('onfocus', '') due to Greasemonkey restrictions
this.setAttribute('onfocus', '');
});
//.attr('onfocus', 'this.select();')
elems.focus(function(){ // much better
var el = this;
window.setTimeout(function(){
el.select();
}, 50);
});
}
function isVideo(){
// One simple check. TODO: make this more robust
return !jQuery.trim(embedTextarea('Thumbnail').html());
}
// When the "Share" button is clicked, open the menu at the last viewed menu option
shareBtn
.removeClass(buttonDisabled) // change button from disabled...
.addClass(buttonNormal) // ...to a normal button
.one('click', function(){ // add init behaviour
_('Share button clicked. Setting up menu...');
// Add CSS to head
addCss(css);
if (!isVideo()){
addImageMenuOption();
}
if (codeType){
updateCodeTypeHeader();
}
menuPosition(menuOption);
// Wait for UI to update
window.setTimeout(function(){
if (codeType){
updateCodeTypeRadio();
}
initCodeTypeChanger();
initMenuPositionCaching();
imageSelector(imageSize);
initImageSelectorCaching();
initImageSrc();
selectOnFocus();
}, 50);
});
}
// end CORE FUNCTIONS
// INITIALISE
// Debugging: turn off logging if not in debug mode
if (debugCommandPos !== -1){
debugCommandVal = locationSearch.slice(debugCommandPos + debugCommand.length, debugCommandPos + debugCommand.length + 2);
if (debugCommandVal === '=0'){
debug = false;
}
else {
debug = true;
}
if (debugCommandVal.slice(0,1) === '='){
cache('debug', debug);
}
}
else {
debug = !!cache('debug');
}
if (debug){
_ = consoleDebug;
}
_('/*! ' + userscript.name + '\n* v' + userscript.version + ' (userscript)\n* ' + userscript.discuss + '\n*/');
if (jQuery){
_('jQuery already loaded');
init();
}
else {
_('fetching jQuery');
cacheResource(url.jquery, function(src){
if (src){
eval(src);
jQuery = window.jQuery.noConflict(true);
}
if (jQuery){
_('jQuery loaded');
if (debug){
try {
window.unsafeWindow.jQuery = jQuery;
}
catch(e1){
try {
jQuery('body').append('<script src="' + url.jquery + '"></script>');
}
catch(e2){}
}
}
init();
}
else {
_("can't load jQuery");
}
});
}
// end INITIALISE
}());
