Dockery/Pinry
1
0
Fork 0
mirror of https://github.com/pinry/pinry.git synced 2026-03-04 11:11:10 +01:00
Code Issues Packages Projects Releases Activity

Use jQuery because you're checking for window.jQuery

Browse Source 
Some sites put jQuery into noConflict mode and don't bind to $. One example is http://shop.timberland.com/ so the pinry bookmarklet would not work. It will throw a 'document does not have a method ready' error. This change just wraps all of the jQuery specific code to use the current jQuery as $.

http://api.jquery.com/jQuery.noConflict/
This commit is contained in:
Tyler Stalder
2013-11-24 17:51:08 -08:00
parent a01975d47d
commit c3d998654f
1 changed files with 98 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

195
pinry/static/js/bookmarklet.js
View File

@@ -19,101 +19,102 @@ if (!window.jQuery) {
}
// End jQuery Check
$(document).ready(function() {
// Start Helper Functions
function getFormUrl() {
var hostUrl = $('#pinry-bookmarklet').attr('src').split('/')[2];
var formUrl = '/pins/pin-form/?pin-image-url=';
return 'http://'+hostUrl+formUrl;
}
function normalizeImageUrl(imageUrl) {
var protocol = imageUrl.split(':')[0];
if (protocol != 'http' && protocol != 'https') {
if (imageUrl[1] != '/')
imageUrl = 'http://'+window.location.host+imageUrl;
(function($) {
$(document).ready(function() {
// Start Helper Functions
function getFormUrl() {
var hostUrl = $('#pinry-bookmarklet').attr('src').split('/')[2];
var formUrl = '/pins/pin-form/?pin-image-url=';
return 'http://'+hostUrl+formUrl;
}
return imageUrl;
}
// End Helper Functions
// Start View Functions
function pageView() {
var pinryImages = document.createElement('div');
pinryImages.id = 'pinry-images';
$(pinryImages).css({
'position': 'absolute',
'z-index': '9001',
'background': 'rgba(0, 0, 0, 0.7)',
'padding-top': '70px',
'top': '0',
'left': '0',
'right': '0',
'height': $(document).height(),
'text-align': 'center',
'width': '100%'
});
var pinryBar = document.createElement('div');
pinryBar.id = 'pinry-bar';
$(pinryBar).css({
'background': 'black',
'padding': '15px',
'position': 'absolute',
'z-index': '9002',
'width': '100%',
'top': 0,
'border-bottom': '1px solid #555',
'color': 'white',
'text-align': 'center',
'font-size': '22px'
});
$('body').append(pinryImages);
$('#pinry-images').append(pinryBar);
$('#pinry-bar').html('Pinry Bookmarklet');
$(window).scrollTop(0);
}
function imageView(imageUrl) {
// Requires that pageView has been created already
imageUrl = normalizeImageUrl(imageUrl);
var image = document.createElement('div');
$(image).css({
'background-image': 'url('+imageUrl+')',
'background-position': 'center center',
'background-repeat': 'no-repeat',
'display': 'inline-block',
'width': '200px',
'height': '200px',
'margin': '15px',
'cursor': 'pointer',
'border': '1px solid #555'
});
$(image).click(function() {
var popUrl = getFormUrl()+imageUrl;
window.open(popUrl);
$('#pinry-images').remove();
});
return $('#pinry-images').append(image);
}
// End View Functions
// Start Active Functions
function addAllImagesToPageView() {
var images = $('body').find('img');
images.each(function() {
if ($(this).width() > 200 && $(this).height() > 200)
imageView($(this).attr('src'));
});
return images;
}
// End Active Functions
// Start Init
pageView(); // Build page before we insert images
addAllImagesToPageView(); // Add all images on page to our new pageView
// End Init
});
function normalizeImageUrl(imageUrl) {
var protocol = imageUrl.split(':')[0];
if (protocol != 'http' && protocol != 'https') {
if (imageUrl[1] != '/')
imageUrl = 'http://'+window.location.host+imageUrl;
}
return imageUrl;
}
// End Helper Functions
// Start View Functions
function pageView() {
var pinryImages = document.createElement('div');
pinryImages.id = 'pinry-images';
$(pinryImages).css({
'position': 'absolute',
'z-index': '9001',
'background': 'rgba(0, 0, 0, 0.7)',
'padding-top': '70px',
'top': '0',
'left': '0',
'right': '0',
'height': $(document).height(),
'text-align': 'center',
'width': '100%'
});
var pinryBar = document.createElement('div');
pinryBar.id = 'pinry-bar';
$(pinryBar).css({
'background': 'black',
'padding': '15px',
'position': 'absolute',
'z-index': '9002',
'width': '100%',
'top': 0,
'border-bottom': '1px solid #555',
'color': 'white',
'text-align': 'center',
'font-size': '22px'
});
$('body').append(pinryImages);
$('#pinry-images').append(pinryBar);
$('#pinry-bar').html('Pinry Bookmarklet');
$(window).scrollTop(0);
}
function imageView(imageUrl) {
// Requires that pageView has been created already
imageUrl = normalizeImageUrl(imageUrl);
var image = document.createElement('div');
$(image).css({
'background-image': 'url('+imageUrl+')',
'background-position': 'center center',
'background-repeat': 'no-repeat',
'display': 'inline-block',
'width': '200px',
'height': '200px',
'margin': '15px',
'cursor': 'pointer',
'border': '1px solid #555'
});
$(image).click(function() {
var popUrl = getFormUrl()+imageUrl;
window.open(popUrl);
$('#pinry-images').remove();
});
return $('#pinry-images').append(image);
}
// End View Functions
// Start Active Functions
function addAllImagesToPageView() {
var images = $('body').find('img');
images.each(function() {
if ($(this).width() > 200 && $(this).height() > 200)
imageView($(this).attr('src'));
});
return images;
}
// End Active Functions
// Start Init
pageView(); // Build page before we insert images
addAllImagesToPageView(); // Add all images on page to our new pageView
// End Init
});
})(jQuery);