Hupso Share Buttons for Twitter, Facebook & Google+ - Version 3.9.5

Version Description

  • option to set background and border color for share button (menu)
Download this release

Release Info

Developer kasal
Plugin Icon 128x128 Hupso Share Buttons for Twitter, Facebook & Google+
Version 3.9.5
Comparing to
See all releases

Code changes from version 3.9.4 to 3.9.5

Files changed (4) hide show
  1. js/create_button.js +21 -1
  2. js/jscolor/jscolor.js +953 -0
  3. readme.txt +6 -4
  4. share-buttons-hupso.php +33 -6
js/create_button.js CHANGED
@@ -2,8 +2,13 @@
2
  var hupso_settings_active = document.hupso_settings_form.button_type;
3
  if (typeof hupso_settings_active == "object" ) {
4
  hupso_create_code();
 
 
 
 
5
  }
6
 
 
7
  function hupso_create_code() {
8
 
9
  jQuery(document).ready(function($) {
@@ -120,6 +125,7 @@ function hupso_create_code() {
120
  counters_preview = '<img src="http://static.hupso.com/share/buttons/share-small.png"/>';
121
  }
122
  else {
 
123
  counters_preview = '<img style="margin-right:10px;" src="http://static.hupso.com/share/buttons/lang/'+lang_code+'/share-small.png"/>';
124
  }
125
  break;
@@ -224,7 +230,6 @@ function hupso_create_code() {
224
  if ( $( "input:checkbox[name=facebook]:checked" ).val() == 1 )
225
  hupso_services += '"Facebook",';
226
  if ( $( "input:checkbox[name=googleplus]:checked" ).val() == 1 )
227
-
228
  hupso_services += '"Google Plus",';
229
  if ( $( "input:checkbox[name=pinterest]:checked" ).val() == 1 )
230
  hupso_services += '"Pinterest",';
@@ -473,3 +478,18 @@ function hupso_create_code() {
473
  });
474
  }
475
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2
  var hupso_settings_active = document.hupso_settings_form.button_type;
3
  if (typeof hupso_settings_active == "object" ) {
4
  hupso_create_code();
5
+
6
+ window.onload = function() {
7
+ hupso_create_code();
8
+ };
9
  }
10
 
11
+
12
  function hupso_create_code() {
13
 
14
  jQuery(document).ready(function($) {
125
  counters_preview = '<img src="http://static.hupso.com/share/buttons/share-small.png"/>';
126
  }
127
  else {
128
+
129
  counters_preview = '<img style="margin-right:10px;" src="http://static.hupso.com/share/buttons/lang/'+lang_code+'/share-small.png"/>';
130
  }
131
  break;
230
  if ( $( "input:checkbox[name=facebook]:checked" ).val() == 1 )
231
  hupso_services += '"Facebook",';
232
  if ( $( "input:checkbox[name=googleplus]:checked" ).val() == 1 )
 
233
  hupso_services += '"Google Plus",';
234
  if ( $( "input:checkbox[name=pinterest]:checked" ).val() == 1 )
235
  hupso_services += '"Pinterest",';
478
  });
479
  }
480
 
481
+
482
+ function hupso_restore_background_color() {
483
+ document.getElementById('background_color').color.fromString('EAF4FF');
484
+ hupso_background_color = 'EAF4FF';
485
+ hupso_background = '#EAF4FF';
486
+ hupso_create_code();
487
+ }
488
+
489
+ function hupso_restore_border_color() {
490
+ document.getElementById('border_color').color.fromString('66CCFF');
491
+ hupso_border_color = '66CCFF';
492
+ hupso_border = '#66CCFF';
493
+ hupso_create_code();
494
+ }
495
+
js/jscolor/jscolor.js ADDED
@@ -0,0 +1,953 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * jscolor, JavaScript Color Picker
3
+ *
4
+ * @version 1.4.0
5
+ * @license GNU Lesser General Public License, http://www.gnu.org/copyleft/lesser.html
6
+ * @author Jan Odvarko, http://odvarko.cz
7
+ * @created 2008-06-15
8
+ * @updated 2012-07-06
9
+ * @link http://jscolor.com
10
+ */
11
+
12
+
13
+ var jscolor = {
14
+
15
+
16
+ dir : '', // location of jscolor directory (leave empty to autodetect)
17
+ bindClass : 'color', // class name
18
+ binding : true, // automatic binding via <input class="...">
19
+ preloading : true, // use image preloading?
20
+
21
+
22
+ install : function() {
23
+ jscolor.addEvent(window, 'load', jscolor.init);
24
+ },
25
+
26
+
27
+ init : function() {
28
+ if(jscolor.binding) {
29
+ jscolor.bind();
30
+ }
31
+ if(jscolor.preloading) {
32
+ jscolor.preload();
33
+ }
34
+ },
35
+
36
+
37
+ getDir : function() {
38
+ if(!jscolor.dir) {
39
+ var detected = jscolor.detectDir();
40
+ jscolor.dir = detected!==false ? detected : 'jscolor/';
41
+ }
42
+ return jscolor.dir;
43
+ },
44
+
45
+
46
+ detectDir : function() {
47
+ var base = location.href;
48
+
49
+ var e = document.getElementsByTagName('base');
50
+ for(var i=0; i<e.length; i+=1) {
51
+ if(e[i].href) { base = e[i].href; }
52
+ }
53
+
54
+ var e = document.getElementsByTagName('script');
55
+ for(var i=0; i<e.length; i+=1) {
56
+ if(e[i].src && /(^|\/)jscolor\.js([?#].*)?$/i.test(e[i].src)) {
57
+ var src = new jscolor.URI(e[i].src);
58
+ var srcAbs = src.toAbsolute(base);
59
+ srcAbs.path = srcAbs.path.replace(/[^\/]+$/, ''); // remove filename
60
+ srcAbs.query = null;
61
+ srcAbs.fragment = null;
62
+ return srcAbs.toString();
63
+ }
64
+ }
65
+ return false;
66
+ },
67
+
68
+
69
+ bind : function() {
70
+ var matchClass = new RegExp('(^|\\s)('+jscolor.bindClass+')\\s*(\\{[^}]*\\})?', 'i');
71
+ var e = document.getElementsByTagName('input');
72
+ for(var i=0; i<e.length; i+=1) {
73
+ var m;
74
+ if(!e[i].color && e[i].className && (m = e[i].className.match(matchClass))) {
75
+ var prop = {};
76
+ if(m[3]) {
77
+ try {
78
+ prop = (new Function ('return (' + m[3] + ')'))();
79
+ } catch(eInvalidProp) {}
80
+ }
81
+ e[i].color = new jscolor.color(e[i], prop);
82
+ }
83
+ }
84
+ },
85
+
86
+
87
+ preload : function() {
88
+ for(var fn in jscolor.imgRequire) {
89
+ if(jscolor.imgRequire.hasOwnProperty(fn)) {
90
+ jscolor.loadImage(fn);
91
+ }
92
+ }
93
+ },
94
+
95
+
96
+ images : {
97
+ pad : [ 181, 101 ],
98
+ sld : [ 16, 101 ],
99
+ cross : [ 15, 15 ],
100
+ arrow : [ 7, 11 ]
101
+ },
102
+
103
+
104
+ imgRequire : {},
105
+ imgLoaded : {},
106
+
107
+
108
+ requireImage : function(filename) {
109
+ jscolor.imgRequire[filename] = true;
110
+ },
111
+
112
+
113
+ loadImage : function(filename) {
114
+ if(!jscolor.imgLoaded[filename]) {
115
+ jscolor.imgLoaded[filename] = new Image();
116
+ jscolor.imgLoaded[filename].src = jscolor.getDir()+filename;
117
+ }
118
+ },
119
+
120
+
121
+ fetchElement : function(mixed) {
122
+ return typeof mixed === 'string' ? document.getElementById(mixed) : mixed;
123
+ },
124
+
125
+
126
+ addEvent : function(el, evnt, func) {
127
+ if(el.addEventListener) {
128
+ el.addEventListener(evnt, func, false);
129
+ } else if(el.attachEvent) {
130
+ el.attachEvent('on'+evnt, func);
131
+ }
132
+ },
133
+
134
+
135
+ fireEvent : function(el, evnt) {
136
+ if(!el) {
137
+ return;
138
+ }
139
+ if(document.createEvent) {
140
+ var ev = document.createEvent('HTMLEvents');
141
+ ev.initEvent(evnt, true, true);
142
+ el.dispatchEvent(ev);
143
+ } else if(document.createEventObject) {
144
+ var ev = document.createEventObject();
145
+ el.fireEvent('on'+evnt, ev);
146
+ } else if(el['on'+evnt]) { // alternatively use the traditional event model (IE5)
147
+ el['on'+evnt]();
148
+ }
149
+ },
150
+
151
+
152
+ getElementPos : function(e) {
153
+ var e1=e, e2=e;
154
+ var x=0, y=0;
155
+ if(e1.offsetParent) {
156
+ do {
157
+ x += e1.offsetLeft;
158
+ y += e1.offsetTop;
159
+ } while(e1 = e1.offsetParent);
160
+ }
161
+ while((e2 = e2.parentNode) && e2.nodeName.toUpperCase() !== 'BODY') {
162
+ x -= e2.scrollLeft;
163
+ y -= e2.scrollTop;
164
+ }
165
+ return [x, y];
166
+ },
167
+
168
+
169
+ getElementSize : function(e) {
170
+ return [e.offsetWidth, e.offsetHeight];
171
+ },
172
+
173
+
174
+ getRelMousePos : function(e) {
175
+ var x = 0, y = 0;
176
+ if (!e) { e = window.event; }
177
+ if (typeof e.offsetX === 'number') {
178
+ x = e.offsetX;
179
+ y = e.offsetY;
180
+ } else if (typeof e.layerX === 'number') {
181
+ x = e.layerX;
182
+ y = e.layerY;
183
+ }
184
+ return { x: x, y: y };
185
+ },
186
+
187
+
188
+ getViewPos : function() {
189
+ if(typeof window.pageYOffset === 'number') {
190
+ return [window.pageXOffset, window.pageYOffset];
191
+ } else if(document.body && (document.body.scrollLeft || document.body.scrollTop)) {
192
+ return [document.body.scrollLeft, document.body.scrollTop];
193
+ } else if(document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
194
+ return [document.documentElement.scrollLeft, document.documentElement.scrollTop];
195
+ } else {
196
+ return [0, 0];
197
+ }
198
+ },
199
+
200
+
201
+ getViewSize : function() {
202
+ if(typeof window.innerWidth === 'number') {
203
+ return [window.innerWidth, window.innerHeight];
204
+ } else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
205
+ return [document.body.clientWidth, document.body.clientHeight];
206
+ } else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
207
+ return [document.documentElement.clientWidth, document.documentElement.clientHeight];
208
+ } else {
209
+ return [0, 0];
210
+ }
211
+ },
212
+
213
+
214
+ URI : function(uri) { // See RFC3986
215
+
216
+ this.scheme = null;
217
+ this.authority = null;
218
+ this.path = '';
219
+ this.query = null;
220
+ this.fragment = null;
221
+
222
+ this.parse = function(uri) {
223
+ var m = uri.match(/^(([A-Za-z][0-9A-Za-z+.-]*)(:))?((\/\/)([^\/?#]*))?([^?#]*)((\?)([^#]*))?((#)(.*))?/);
224
+ this.scheme = m[3] ? m[2] : null;
225
+ this.authority = m[5] ? m[6] : null;
226
+ this.path = m[7];
227
+ this.query = m[9] ? m[10] : null;
228
+ this.fragment = m[12] ? m[13] : null;
229
+ return this;
230
+ };
231
+
232
+ this.toString = function() {
233
+ var result = '';
234
+ if(this.scheme !== null) { result = result + this.scheme + ':'; }
235
+ if(this.authority !== null) { result = result + '//' + this.authority; }
236
+ if(this.path !== null) { result = result + this.path; }
237
+ if(this.query !== null) { result = result + '?' + this.query; }
238
+ if(this.fragment !== null) { result = result + '#' + this.fragment; }
239
+ return result;
240
+ };
241
+
242
+ this.toAbsolute = function(base) {
243
+ var base = new jscolor.URI(base);
244
+ var r = this;
245
+ var t = new jscolor.URI;
246
+
247
+ if(base.scheme === null) { return false; }
248
+
249
+ if(r.scheme !== null && r.scheme.toLowerCase() === base.scheme.toLowerCase()) {
250
+ r.scheme = null;
251
+ }
252
+
253
+ if(r.scheme !== null) {
254
+ t.scheme = r.scheme;
255
+ t.authority = r.authority;
256
+ t.path = removeDotSegments(r.path);
257
+ t.query = r.query;
258
+ } else {
259
+ if(r.authority !== null) {
260
+ t.authority = r.authority;
261
+ t.path = removeDotSegments(r.path);
262
+ t.query = r.query;
263
+ } else {
264
+ if(r.path === '') {
265
+ t.path = base.path;
266
+ if(r.query !== null) {
267
+ t.query = r.query;
268
+ } else {
269
+ t.query = base.query;
270
+ }
271
+ } else {
272
+ if(r.path.substr(0,1) === '/') {
273
+ t.path = removeDotSegments(r.path);
274
+ } else {
275
+ if(base.authority !== null && base.path === '') {
276
+ t.path = '/'+r.path;
277
+ } else {
278
+ t.path = base.path.replace(/[^\/]+$/,'')+r.path;
279
+ }
280
+ t.path = removeDotSegments(t.path);
281
+ }
282
+ t.query = r.query;
283
+ }
284
+ t.authority = base.authority;
285
+ }
286
+ t.scheme = base.scheme;
287
+ }
288
+ t.fragment = r.fragment;
289
+
290
+ return t;
291
+ };
292
+
293
+ function removeDotSegments(path) {
294
+ var out = '';
295
+ while(path) {
296
+ if(path.substr(0,3)==='../' || path.substr(0,2)==='./') {
297
+ path = path.replace(/^\.+/,'').substr(1);
298
+ } else if(path.substr(0,3)==='/./' || path==='/.') {
299
+ path = '/'+path.substr(3);
300
+ } else if(path.substr(0,4)==='/../' || path==='/..') {
301
+ path = '/'+path.substr(4);
302
+ out = out.replace(/\/?[^\/]*$/, '');
303
+ } else if(path==='.' || path==='..') {
304
+ path = '';
305
+ } else {
306
+ var rm = path.match(/^\/?[^\/]*/)[0];
307
+ path = path.substr(rm.length);
308
+ out = out + rm;
309
+ }
310
+ }
311
+ return out;
312
+ }
313
+
314
+ if(uri) {
315
+ this.parse(uri);
316
+ }
317
+
318
+ },
319
+
320
+
321
+ /*
322
+ * Usage example:
323
+ * var myColor = new jscolor.color(myInputElement)
324
+ */
325
+
326
+ color : function(target, prop) {
327
+
328
+
329
+ this.required = true; // refuse empty values?
330
+ this.adjust = true; // adjust value to uniform notation?
331
+ this.hash = false; // prefix color with # symbol?
332
+ this.caps = true; // uppercase?
333
+ this.slider = true; // show the value/saturation slider?
334
+ this.valueElement = target; // value holder
335
+ this.styleElement = target; // where to reflect current color
336
+ this.onImmediateChange = null; // onchange callback (can be either string or function)
337
+ this.hsv = [0, 0, 1]; // read-only 0-6, 0-1, 0-1
338
+ this.rgb = [1, 1, 1]; // read-only 0-1, 0-1, 0-1
339
+ this.minH = 0; // read-only 0-6
340
+ this.maxH = 6; // read-only 0-6
341
+ this.minS = 0; // read-only 0-1
342
+ this.maxS = 1; // read-only 0-1
343
+ this.minV = 0; // read-only 0-1
344
+ this.maxV = 1; // read-only 0-1
345
+
346
+ this.pickerOnfocus = true; // display picker on focus?
347
+ this.pickerMode = 'HSV'; // HSV | HVS
348
+ this.pickerPosition = 'bottom'; // left | right | top | bottom
349
+ this.pickerSmartPosition = true; // automatically adjust picker position when necessary
350
+ this.pickerButtonHeight = 20; // px
351
+ this.pickerClosable = false;
352
+ this.pickerCloseText = 'Close';
353
+ this.pickerButtonColor = 'ButtonText'; // px
354
+ this.pickerFace = 10; // px
355
+ this.pickerFaceColor = 'ThreeDFace'; // CSS color
356
+ this.pickerBorder = 1; // px
357
+ this.pickerBorderColor = 'ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight'; // CSS color
358
+ this.pickerInset = 1; // px
359
+ this.pickerInsetColor = 'ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow'; // CSS color
360
+ this.pickerZIndex = 10000;
361
+
362
+
363
+ for(var p in prop) {
364
+ if(prop.hasOwnProperty(p)) {
365
+ this[p] = prop[p];
366
+ }
367
+ }
368
+
369
+
370
+ this.hidePicker = function() {
371
+ if(isPickerOwner()) {
372
+ removePicker();
373
+ }
374
+ };
375
+
376
+
377
+ this.showPicker = function() {
378
+ if(!isPickerOwner()) {
379
+ var tp = jscolor.getElementPos(target); // target pos
380
+ var ts = jscolor.getElementSize(target); // target size
381
+ var vp = jscolor.getViewPos(); // view pos
382
+ var vs = jscolor.getViewSize(); // view size
383
+ var ps = getPickerDims(this); // picker size
384
+ var a, b, c;
385
+ switch(this.pickerPosition.toLowerCase()) {
386
+ case 'left': a=1; b=0; c=-1; break;
387
+ case 'right':a=1; b=0; c=1; break;
388
+ case 'top': a=0; b=1; c=-1; break;
389
+ default: a=0; b=1; c=1; break;
390
+ }
391
+ var l = (ts[b]+ps[b])/2;
392
+
393
+ // picker pos
394
+ if (!this.pickerSmartPosition) {
395
+ var pp = [
396
+ tp[a],
397
+ tp[b]+ts[b]-l+l*c
398
+ ];
399
+ } else {
400
+ var pp = [
401
+ -vp[a]+tp[a]+ps[a] > vs[a] ?
402
+ (-vp[a]+tp[a]+ts[a]/2 > vs[a]/2 && tp[a]+ts[a]-ps[a] >= 0 ? tp[a]+ts[a]-ps[a] : tp[a]) :
403
+ tp[a],
404
+ -vp[b]+tp[b]+ts[b]+ps[b]-l+l*c > vs[b] ?
405
+ (-vp[b]+tp[b]+ts[b]/2 > vs[b]/2 && tp[b]+ts[b]-l-l*c >= 0 ? tp[b]+ts[b]-l-l*c : tp[b]+ts[b]-l+l*c) :
406
+ (tp[b]+ts[b]-l+l*c >= 0 ? tp[b]+ts[b]-l+l*c : tp[b]+ts[b]-l-l*c)
407
+ ];
408
+ }
409
+ drawPicker(pp[a], pp[b]);
410
+ }
411
+ };
412
+
413
+
414
+ this.importColor = function() {
415
+ if(!valueElement) {
416
+ this.exportColor();
417
+ } else {
418
+ if(!this.adjust) {
419
+ if(!this.fromString(valueElement.value, leaveValue)) {
420
+ styleElement.style.backgroundImage = styleElement.jscStyle.backgroundImage;
421
+ styleElement.style.backgroundColor = styleElement.jscStyle.backgroundColor;
422
+ styleElement.style.color = styleElement.jscStyle.color;
423
+ this.exportColor(leaveValue | leaveStyle);
424
+ }
425
+ } else if(!this.required && /^\s*$/.test(valueElement.value)) {
426
+ valueElement.value = '';
427
+ styleElement.style.backgroundImage = styleElement.jscStyle.backgroundImage;
428
+ styleElement.style.backgroundColor = styleElement.jscStyle.backgroundColor;
429
+ styleElement.style.color = styleElement.jscStyle.color;
430
+ this.exportColor(leaveValue | leaveStyle);
431
+
432
+ } else if(this.fromString(valueElement.value)) {
433
+ // OK
434
+ } else {
435
+ this.exportColor();
436
+ }
437
+ }
438
+ };
439
+
440
+
441
+ this.exportColor = function(flags) {
442
+ if(!(flags & leaveValue) && valueElement) {
443
+ var value = this.toString();
444
+ if(this.caps) { value = value.toUpperCase(); }
445
+ if(this.hash) { value = '#'+value; }
446
+ valueElement.value = value;
447
+ }
448
+ if(!(flags & leaveStyle) && styleElement) {
449
+ styleElement.style.backgroundImage = "none";
450
+ styleElement.style.backgroundColor =
451
+ '#'+this.toString();
452
+ styleElement.style.color =
453
+ 0.213 * this.rgb[0] +
454
+ 0.715 * this.rgb[1] +
455
+ 0.072 * this.rgb[2]
456
+ < 0.5 ? '#FFF' : '#000';
457
+ }
458
+ if(!(flags & leavePad) && isPickerOwner()) {
459
+ redrawPad();
460
+ }
461
+ if(!(flags & leaveSld) && isPickerOwner()) {
462
+ redrawSld();
463
+ }
464
+ };
465
+
466
+
467
+ this.fromHSV = function(h, s, v, flags) { // null = don't change
468
+ if(h !== null) { h = Math.max(0.0, this.minH, Math.min(6.0, this.maxH, h)); }
469
+ if(s !== null) { s = Math.max(0.0, this.minS, Math.min(1.0, this.maxS, s)); }
470
+ if(v !== null) { v = Math.max(0.0, this.minV, Math.min(1.0, this.maxV, v)); }
471
+
472
+ this.rgb = HSV_RGB(
473
+ h===null ? this.hsv[0] : (this.hsv[0]=h),
474
+ s===null ? this.hsv[1] : (this.hsv[1]=s),
475
+ v===null ? this.hsv[2] : (this.hsv[2]=v)
476
+ );
477
+
478
+ this.exportColor(flags);
479
+ };
480
+
481
+
482
+ this.fromRGB = function(r, g, b, flags) { // null = don't change
483
+ if(r !== null) { r = Math.max(0.0, Math.min(1.0, r)); }
484
+ if(g !== null) { g = Math.max(0.0, Math.min(1.0, g)); }
485
+ if(b !== null) { b = Math.max(0.0, Math.min(1.0, b)); }
486
+
487
+ var hsv = RGB_HSV(
488
+ r===null ? this.rgb[0] : r,
489
+ g===null ? this.rgb[1] : g,
490
+ b===null ? this.rgb[2] : b
491
+ );
492
+ if(hsv[0] !== null) {
493
+ this.hsv[0] = Math.max(0.0, this.minH, Math.min(6.0, this.maxH, hsv[0]));
494
+ }
495
+ if(hsv[2] !== 0) {
496
+ this.hsv[1] = hsv[1]===null ? null : Math.max(0.0, this.minS, Math.min(1.0, this.maxS, hsv[1]));
497
+ }
498
+ this.hsv[2] = hsv[2]===null ? null : Math.max(0.0, this.minV, Math.min(1.0, this.maxV, hsv[2]));
499
+
500
+ // update RGB according to final HSV, as some values might be trimmed
501
+ var rgb = HSV_RGB(this.hsv[0], this.hsv[1], this.hsv[2]);
502
+ this.rgb[0] = rgb[0];
503
+ this.rgb[1] = rgb[1];
504
+ this.rgb[2] = rgb[2];
505
+
506
+ this.exportColor(flags);
507
+ };
508
+
509
+
510
+ this.fromString = function(hex, flags) {
511
+ var m = hex.match(/^\W*([0-9A-F]{3}([0-9A-F]{3})?)\W*$/i);
512
+ if(!m) {
513
+ return false;
514
+ } else {
515
+ if(m[1].length === 6) { // 6-char notation
516
+ this.fromRGB(
517
+ parseInt(m[1].substr(0,2),16) / 255,
518
+ parseInt(m[1].substr(2,2),16) / 255,
519
+ parseInt(m[1].substr(4,2),16) / 255,
520
+ flags
521
+ );
522
+ } else { // 3-char notation
523
+ this.fromRGB(
524
+ parseInt(m[1].charAt(0)+m[1].charAt(0),16) / 255,
525
+ parseInt(m[1].charAt(1)+m[1].charAt(1),16) / 255,
526
+ parseInt(m[1].charAt(2)+m[1].charAt(2),16) / 255,
527
+ flags
528
+ );
529
+ }
530
+ return true;
531
+ }
532
+ };
533
+
534
+
535
+ this.toString = function() {
536
+ return (
537
+ (0x100 | Math.round(255*this.rgb[0])).toString(16).substr(1) +
538
+ (0x100 | Math.round(255*this.rgb[1])).toString(16).substr(1) +
539
+ (0x100 | Math.round(255*this.rgb[2])).toString(16).substr(1)
540
+ );
541
+ };
542
+
543
+
544
+ function RGB_HSV(r, g, b) {
545
+ var n = Math.min(Math.min(r,g),b);
546
+ var v = Math.max(Math.max(r,g),b);
547
+ var m = v - n;
548
+ if(m === 0) { return [ null, 0, v ]; }
549
+ var h = r===n ? 3+(b-g)/m : (g===n ? 5+(r-b)/m : 1+(g-r)/m);
550
+ return [ h===6?0:h, m/v, v ];
551
+ }
552
+
553
+
554
+ function HSV_RGB(h, s, v) {
555
+ if(h === null) { return [ v, v, v ]; }
556
+ var i = Math.floor(h);
557
+ var f = i%2 ? h-i : 1-(h-i);
558
+ var m = v * (1 - s);
559
+ var n = v * (1 - s*f);
560
+ switch(i) {
561
+ case 6:
562
+ case 0: return [v,n,m];
563
+ case 1: return [n,v,m];
564
+ case 2: return [m,v,n];
565
+ case 3: return [m,n,v];
566
+ case 4: return [n,m,v];
567
+ case 5: return [v,m,n];
568
+ }
569
+ }
570
+
571
+
572
+ function removePicker() {
573
+ delete jscolor.picker.owner;
574
+ document.getElementsByTagName('body')[0].removeChild(jscolor.picker.boxB);
575
+ }
576
+
577
+
578
+ function drawPicker(x, y) {
579
+ if(!jscolor.picker) {
580
+ jscolor.picker = {
581
+ box : document.createElement('div'),
582
+ boxB : document.createElement('div'),
583
+ pad : document.createElement('div'),
584
+ padB : document.createElement('div'),
585
+ padM : document.createElement('div'),
586
+ sld : document.createElement('div'),
587
+ sldB : document.createElement('div'),
588
+ sldM : document.createElement('div'),
589
+ btn : document.createElement('div'),
590
+ btnS : document.createElement('span'),
591
+ btnT : document.createTextNode(THIS.pickerCloseText)
592
+ };
593
+ for(var i=0,segSize=4; i<jscolor.images.sld[1]; i+=segSize) {
594
+ var seg = document.createElement('div');
595
+ seg.style.height = segSize+'px';
596
+ seg.style.fontSize = '1px';
597
+ seg.style.lineHeight = '0';
598
+ jscolor.picker.sld.appendChild(seg);
599
+ }
600
+ jscolor.picker.sldB.appendChild(jscolor.picker.sld);
601
+ jscolor.picker.box.appendChild(jscolor.picker.sldB);
602
+ jscolor.picker.box.appendChild(jscolor.picker.sldM);
603
+ jscolor.picker.padB.appendChild(jscolor.picker.pad);
604
+ jscolor.picker.box.appendChild(jscolor.picker.padB);
605
+ jscolor.picker.box.appendChild(jscolor.picker.padM);
606
+ jscolor.picker.btnS.appendChild(jscolor.picker.btnT);
607
+ jscolor.picker.btn.appendChild(jscolor.picker.btnS);
608
+ jscolor.picker.box.appendChild(jscolor.picker.btn);
609
+ jscolor.picker.boxB.appendChild(jscolor.picker.box);
610
+ }
611
+
612
+ var p = jscolor.picker;
613
+
614
+ // controls interaction
615
+ p.box.onmouseup =
616
+ p.box.onmouseout = function() { target.focus(); };
617
+ p.box.onmousedown = function() { abortBlur=true; };
618
+ p.box.onmousemove = function(e) {
619
+ if (holdPad || holdSld) {
620
+ holdPad && setPad(e);
621
+ holdSld && setSld(e);
622
+ if (document.selection) {
623
+ document.selection.empty();
624
+ } else if (window.getSelection) {
625
+ window.getSelection().removeAllRanges();
626
+ }
627
+ dispatchImmediateChange();
628
+ }
629
+ };
630
+ p.padM.onmouseup =
631
+ p.padM.onmouseout = function() { if(holdPad) { holdPad=false; jscolor.fireEvent(valueElement,'change'); } };
632
+ p.padM.onmousedown = function(e) {
633
+ // if the slider is at the bottom, move it up
634
+ switch(modeID) {
635
+ case 0: if (THIS.hsv[2] === 0) { THIS.fromHSV(null, null, 1.0); }; break;
636
+ case 1: if (THIS.hsv[1] === 0) { THIS.fromHSV(null, 1.0, null); }; break;
637
+ }
638
+ holdPad=true;
639
+ setPad(e);
640
+ dispatchImmediateChange();
641
+ };
642
+ p.sldM.onmouseup =
643
+ p.sldM.onmouseout = function() { if(holdSld) { holdSld=false; jscolor.fireEvent(valueElement,'change'); } };
644
+ p.sldM.onmousedown = function(e) {
645
+ holdSld=true;
646
+ setSld(e);
647
+ dispatchImmediateChange();
648
+ };
649
+
650
+ // picker
651
+ var dims = getPickerDims(THIS);
652
+ p.box.style.width = dims[0] + 'px';
653
+ p.box.style.height = dims[1] + 'px';
654
+
655
+ // picker border
656
+ p.boxB.style.position = 'absolute';
657
+ p.boxB.style.clear = 'both';
658
+ p.boxB.style.left = x+'px';
659
+ p.boxB.style.top = y+'px';
660
+ p.boxB.style.zIndex = THIS.pickerZIndex;
661
+ p.boxB.style.border = THIS.pickerBorder+'px solid';
662
+ p.boxB.style.borderColor = THIS.pickerBorderColor;
663
+ p.boxB.style.background = THIS.pickerFaceColor;
664
+
665
+ // pad image
666
+ p.pad.style.width = jscolor.images.pad[0]+'px';
667
+ p.pad.style.height = jscolor.images.pad[1]+'px';
668
+
669
+ // pad border
670
+ p.padB.style.position = 'absolute';
671
+ p.padB.style.left = THIS.pickerFace+'px';
672
+ p.padB.style.top = THIS.pickerFace+'px';
673
+ p.padB.style.border = THIS.pickerInset+'px solid';
674
+ p.padB.style.borderColor = THIS.pickerInsetColor;
675
+
676
+ // pad mouse area
677
+ p.padM.style.position = 'absolute';
678
+ p.padM.style.left = '0';
679
+ p.padM.style.top = '0';
680
+ p.padM.style.width = THIS.pickerFace + 2*THIS.pickerInset + jscolor.images.pad[0] + jscolor.images.arrow[0] + 'px';
681
+ p.padM.style.height = p.box.style.height;
682
+ p.padM.style.cursor = 'crosshair';
683
+
684
+ // slider image
685
+ p.sld.style.overflow = 'hidden';
686
+ p.sld.style.width = jscolor.images.sld[0]+'px';
687
+ p.sld.style.height = jscolor.images.sld[1]+'px';
688
+
689
+ // slider border
690
+ p.sldB.style.display = THIS.slider ? 'block' : 'none';
691
+ p.sldB.style.position = 'absolute';
692
+ p.sldB.style.right = THIS.pickerFace+'px';
693
+ p.sldB.style.top = THIS.pickerFace+'px';
694
+ p.sldB.style.border = THIS.pickerInset+'px solid';
695
+ p.sldB.style.borderColor = THIS.pickerInsetColor;
696
+
697
+ // slider mouse area
698
+ p.sldM.style.display = THIS.slider ? 'block' : 'none';
699
+ p.sldM.style.position = 'absolute';
700
+ p.sldM.style.right = '0';
701
+ p.sldM.style.top = '0';
702
+ p.sldM.style.width = jscolor.images.sld[0] + jscolor.images.arrow[0] + THIS.pickerFace + 2*THIS.pickerInset + 'px';
703
+ p.sldM.style.height = p.box.style.height;
704
+ try {
705
+ p.sldM.style.cursor = 'pointer';
706
+ } catch(eOldIE) {
707
+ p.sldM.style.cursor = 'hand';
708
+ }
709
+
710
+ // "close" button
711
+ function setBtnBorder() {
712
+ var insetColors = THIS.pickerInsetColor.split(/\s+/);
713
+ var pickerOutsetColor = insetColors.length < 2 ? insetColors[0] : insetColors[1] + ' ' + insetColors[0] + ' ' + insetColors[0] + ' ' + insetColors[1];
714
+ p.btn.style.borderColor = pickerOutsetColor;
715
+ }
716
+ p.btn.style.display = THIS.pickerClosable ? 'block' : 'none';
717
+ p.btn.style.position = 'absolute';
718
+ p.btn.style.left = THIS.pickerFace + 'px';
719
+ p.btn.style.bottom = THIS.pickerFace + 'px';
720
+ p.btn.style.padding = '0 15px';
721
+ p.btn.style.height = '18px';
722
+ p.btn.style.border = THIS.pickerInset + 'px solid';
723
+ setBtnBorder();
724
+ p.btn.style.color = THIS.pickerButtonColor;
725
+ p.btn.style.font = '12px sans-serif';
726
+ p.btn.style.textAlign = 'center';
727
+ try {
728
+ p.btn.style.cursor = 'pointer';
729
+ } catch(eOldIE) {
730
+ p.btn.style.cursor = 'hand';
731
+ }
732
+ p.btn.onmousedown = function () {
733
+ THIS.hidePicker();
734
+ };
735
+ p.btnS.style.lineHeight = p.btn.style.height;
736
+
737
+ // load images in optimal order
738
+ switch(modeID) {
739
+ case 0: var padImg = 'hs.png'; break;
740
+ case 1: var padImg = 'hv.png'; break;
741
+ }
742
+ p.padM.style.backgroundImage = "url('"+jscolor.getDir()+"cross.gif')";
743
+ p.padM.style.backgroundRepeat = "no-repeat";
744
+ p.sldM.style.backgroundImage = "url('"+jscolor.getDir()+"arrow.gif')";
745
+ p.sldM.style.backgroundRepeat = "no-repeat";
746
+ p.pad.style.backgroundImage = "url('"+jscolor.getDir()+padImg+"')";
747
+ p.pad.style.backgroundRepeat = "no-repeat";
748
+ p.pad.style.backgroundPosition = "0 0";
749
+
750
+ // place pointers
751
+ redrawPad();
752
+ redrawSld();
753
+
754
+ jscolor.picker.owner = THIS;
755
+ document.getElementsByTagName('body')[0].appendChild(p.boxB);
756
+ }
757
+
758
+
759
+ function getPickerDims(o) {
760
+ var dims = [
761
+ 2*o.pickerInset + 2*o.pickerFace + jscolor.images.pad[0] +
762
+ (o.slider ? 2*o.pickerInset + 2*jscolor.images.arrow[0] + jscolor.images.sld[0] : 0),
763
+ o.pickerClosable ?
764
+ 4*o.pickerInset + 3*o.pickerFace + jscolor.images.pad[1] + o.pickerButtonHeight :
765
+ 2*o.pickerInset + 2*o.pickerFace + jscolor.images.pad[1]
766
+ ];
767
+ return dims;
768
+ }
769
+
770
+
771
+ function redrawPad() {
772
+ // redraw the pad pointer
773
+ switch(modeID) {
774
+ case 0: var yComponent = 1; break;
775
+ case 1: var yComponent = 2; break;
776
+ }
777
+ var x = Math.round((THIS.hsv[0]/6) * (jscolor.images.pad[0]-1));
778
+ var y = Math.round((1-THIS.hsv[yComponent]) * (jscolor.images.pad[1]-1));
779
+ jscolor.picker.padM.style.backgroundPosition =
780
+ (THIS.pickerFace+THIS.pickerInset+x - Math.floor(jscolor.images.cross[0]/2)) + 'px ' +
781
+ (THIS.pickerFace+THIS.pickerInset+y - Math.floor(jscolor.images.cross[1]/2)) + 'px';
782
+
783
+ // redraw the slider image
784
+ var seg = jscolor.picker.sld.childNodes;
785
+
786
+ switch(modeID) {
787
+ case 0:
788
+ var rgb = HSV_RGB(THIS.hsv[0], THIS.hsv[1], 1);
789
+ for(var i=0; i<seg.length; i+=1) {
790
+ seg[i].style.backgroundColor = 'rgb('+
791
+ (rgb[0]*(1-i/seg.length)*100)+'%,'+
792
+ (rgb[1]*(1-i/seg.length)*100)+'%,'+
793
+ (rgb[2]*(1-i/seg.length)*100)+'%)';
794
+ }
795
+ break;
796
+ case 1:
797
+ var rgb, s, c = [ THIS.hsv[2], 0, 0 ];
798
+ var i = Math.floor(THIS.hsv[0]);
799
+ var f = i%2 ? THIS.hsv[0]-i : 1-(THIS.hsv[0]-i);
800
+ switch(i) {
801
+ case 6:
802
+ case 0: rgb=[0,1,2]; break;
803
+ case 1: rgb=[1,0,2]; break;
804
+ case 2: rgb=[2,0,1]; break;
805
+ case 3: rgb=[2,1,0]; break;
806
+ case 4: rgb=[1,2,0]; break;
807
+ case 5: rgb=[0,2,1]; break;
808
+ }
809
+ for(var i=0; i<seg.length; i+=1) {
810
+ s = 1 - 1/(seg.length-1)*i;
811
+ c[1] = c[0] * (1 - s*f);
812
+ c[2] = c[0] * (1 - s);
813
+ seg[i].style.backgroundColor = 'rgb('+
814
+ (c[rgb[0]]*100)+'%,'+
815
+ (c[rgb[1]]*100)+'%,'+
816
+ (c[rgb[2]]*100)+'%)';
817
+ }
818
+ break;
819
+ }
820
+ }
821
+
822
+
823
+ function redrawSld() {
824
+ // redraw the slider pointer
825
+ switch(modeID) {
826
+ case 0: var yComponent = 2; break;
827
+ case 1: var yComponent = 1; break;
828
+ }
829
+ var y = Math.round((1-THIS.hsv[yComponent]) * (jscolor.images.sld[1]-1));
830
+ jscolor.picker.sldM.style.backgroundPosition =
831
+ '0 ' + (THIS.pickerFace+THIS.pickerInset+y - Math.floor(jscolor.images.arrow[1]/2)) + 'px';
832
+ }
833
+
834
+
835
+ function isPickerOwner() {
836
+ return jscolor.picker && jscolor.picker.owner === THIS;
837
+ }
838
+
839
+
840
+ function blurTarget() {
841
+ if(valueElement === target) {
842
+ THIS.importColor();
843
+ }
844
+ if(THIS.pickerOnfocus) {
845
+ THIS.hidePicker();
846
+ }
847
+ }
848
+
849
+
850
+ function blurValue() {
851
+ if(valueElement !== target) {
852
+ THIS.importColor();
853
+ }
854
+ }
855
+
856
+
857
+ function setPad(e) {
858
+ var mpos = jscolor.getRelMousePos(e);
859
+ var x = mpos.x - THIS.pickerFace - THIS.pickerInset;
860
+ var y = mpos.y - THIS.pickerFace - THIS.pickerInset;
861
+ switch(modeID) {
862
+ case 0: THIS.fromHSV(x*(6/(jscolor.images.pad[0]-1)), 1 - y/(jscolor.images.pad[1]-1), null, leaveSld); break;
863
+ case 1: THIS.fromHSV(x*(6/(jscolor.images.pad[0]-1)), null, 1 - y/(jscolor.images.pad[1]-1), leaveSld); break;
864
+ }
865
+ }
866
+
867
+
868
+ function setSld(e) {
869
+ var mpos = jscolor.getRelMousePos(e);
870
+ var y = mpos.y - THIS.pickerFace - THIS.pickerInset;
871
+ switch(modeID) {
872
+ case 0: THIS.fromHSV(null, null, 1 - y/(jscolor.images.sld[1]-1), leavePad); break;
873
+ case 1: THIS.fromHSV(null, 1 - y/(jscolor.images.sld[1]-1), null, leavePad); break;
874
+ }
875
+ }
876
+
877
+
878
+ function dispatchImmediateChange() {
879
+ if (THIS.onImmediateChange) {
880
+ var callback;
881
+ if (typeof THIS.onImmediateChange === 'string') {
882
+ callback = new Function (THIS.onImmediateChange);
883
+ } else {
884
+ callback = THIS.onImmediateChange;
885
+ }
886
+ callback.call(THIS);
887
+ }
888
+ }
889
+
890
+
891
+ var THIS = this;
892
+ var modeID = this.pickerMode.toLowerCase()==='hvs' ? 1 : 0;
893
+ var abortBlur = false;
894
+ var
895
+ valueElement = jscolor.fetchElement(this.valueElement),
896
+ styleElement = jscolor.fetchElement(this.styleElement);
897
+ var
898
+ holdPad = false,
899
+ holdSld = false;
900
+ var
901
+ leaveValue = 1<<0,
902
+ leaveStyle = 1<<1,
903
+ leavePad = 1<<2,
904
+ leaveSld = 1<<3;
905
+
906
+ // target
907
+ jscolor.addEvent(target, 'focus', function() {
908
+ if(THIS.pickerOnfocus) { THIS.showPicker(); }
909
+ });
910
+ jscolor.addEvent(target, 'blur', function() {
911
+ if(!abortBlur) {
912
+ window.setTimeout(function(){ abortBlur || blurTarget(); abortBlur=false; }, 0);
913
+ } else {
914
+ abortBlur = false;
915
+ }
916
+ });
917
+
918
+ // valueElement
919
+ if(valueElement) {
920
+ var updateField = function() {
921
+ THIS.fromString(valueElement.value, leaveValue);
922
+ dispatchImmediateChange();
923
+ };
924
+ jscolor.addEvent(valueElement, 'keyup', updateField);
925
+ jscolor.addEvent(valueElement, 'input', updateField);
926
+ jscolor.addEvent(valueElement, 'blur', blurValue);
927
+ valueElement.setAttribute('autocomplete', 'off');
928
+ }
929
+
930
+ // styleElement
931
+ if(styleElement) {
932
+ styleElement.jscStyle = {
933
+ backgroundImage : styleElement.style.backgroundImage,
934
+ backgroundColor : styleElement.style.backgroundColor,
935
+ color : styleElement.style.color
936
+ };
937
+ }
938
+
939
+ // require images
940
+ switch(modeID) {
941
+ case 0: jscolor.requireImage('hs.png'); break;
942
+ case 1: jscolor.requireImage('hv.png'); break;
943
+ }
944
+ jscolor.requireImage('cross.gif');
945
+ jscolor.requireImage('arrow.gif');
946
+
947
+ this.importColor();
948
+ }
949
+
950
+ };
951
+
952
+
953
+ jscolor.install();
readme.txt CHANGED
@@ -4,7 +4,7 @@ Donate link: http://www.hupso.com/
4
  Tags: twitter, facebook, google, social sharing, share buttons, social share buttons, share icons, stumbleupon, addthis, sharethis, sexybookmarks, addtoany
5
  Requires at least: 2.8
6
  Tested up to: 3.5.1
7
- Stable tag: 3.9.4
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -14,8 +14,6 @@ Help visitors share your posts on popular social networks: Twitter, Facebook, Go
14
 
15
  Add simple social share buttons to your articles. Your visitors will be able to easily share your content on the most popular social networks: Twitter, Facebook, Google Plus, Linkedin, Pinterest, StumbleUpon, Digg, Reddit, Bebo and Delicous.
16
 
17
- Very simple setup: just install the plugin and social share icons will be added below your posts.
18
-
19
  These services are used by millions of people every day, so sharing your content there will increase traffic to your website.
20
 
21
  **Main features / advantages**
@@ -39,6 +37,8 @@ These services are used by millions of people every day, so sharing your content
39
  * Display staring stats for whole website or for each page individually
40
  * Select image to use for Facebook sharing (Facebook thumbnail)
41
  * You can use your own custom social icons for Twitter, Facebook and other social networks
 
 
42
 
43
 
44
  Share Buttons are very easy to configure. Just select button type, size, position and which social networking services do you want to offer to your visitors.
@@ -210,11 +210,13 @@ Please send bug reports and suggestion using [this feedback form](http://www.hup
210
  7. Share buttons under post, sidebar widget and text widget - English version (73 languages available)
211
  8. Share buttons under post, sidebar widget and text widget - Spanish version (73 languages available)
212
  9. Share buttons under post, sidebar widget and text widget - Chinese version (73 languages available)
213
- 10. Select image dialog for sharing on Pinterest
214
 
215
 
216
  == Changelog ==
217
 
 
 
 
218
  = 3.9.4 =
219
  * option to use your own custom social icons
220
  * share button is now available in 8 more colors
4
  Tags: twitter, facebook, google, social sharing, share buttons, social share buttons, share icons, stumbleupon, addthis, sharethis, sexybookmarks, addtoany
5
  Requires at least: 2.8
6
  Tested up to: 3.5.1
7
+ Stable tag: 3.9.5
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
14
 
15
  Add simple social share buttons to your articles. Your visitors will be able to easily share your content on the most popular social networks: Twitter, Facebook, Google Plus, Linkedin, Pinterest, StumbleUpon, Digg, Reddit, Bebo and Delicous.
16
 
 
 
17
  These services are used by millions of people every day, so sharing your content there will increase traffic to your website.
18
 
19
  **Main features / advantages**
37
  * Display staring stats for whole website or for each page individually
38
  * Select image to use for Facebook sharing (Facebook thumbnail)
39
  * You can use your own custom social icons for Twitter, Facebook and other social networks
40
+ * Load social icons from your own content delivery network (CDN)
41
+ * Set background and border color for share button (menu)
42
 
43
 
44
  Share Buttons are very easy to configure. Just select button type, size, position and which social networking services do you want to offer to your visitors.
210
  7. Share buttons under post, sidebar widget and text widget - English version (73 languages available)
211
  8. Share buttons under post, sidebar widget and text widget - Spanish version (73 languages available)
212
  9. Share buttons under post, sidebar widget and text widget - Chinese version (73 languages available)
 
213
 
214
 
215
  == Changelog ==
216
 
217
+ = 3.9.5 =
218
+ * option to set background and border color for share button (menu)
219
+
220
  = 3.9.4 =
221
  * option to use your own custom social icons
222
  * share button is now available in 8 more colors
share-buttons-hupso.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Hupso Share Buttons for Twitter, Facebook & Google+
4
  Plugin URI: http://www.hupso.com/share/
5
  Description: Add simple social sharing buttons to your articles. Your visitors will be able to easily share your content on the most popular social networks: Twitter, Facebook, Google Plus, Linkedin, StumbleUpon, Digg, Reddit, Bebo and Delicous. These services are used by millions of people every day, so sharing your content there will increase traffic to your website.
6
- Version: 3.9.4
7
  Author: kasal
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -125,6 +125,8 @@ function hupso_plugin_uninstall() {
125
  delete_option( 'hupso_button_image_custom_url' );
126
  delete_option( 'hupso_custom_icons' );
127
  delete_option( 'hupso_image_folder_url' );
 
 
128
  }
129
 
130
  function hupso_plugin_activation() {
@@ -198,10 +200,16 @@ function hupso_get_the_excerpt($content) {
198
  function hupso_admin_settings_show() {
199
  global $hupso_all_services, $hupso_default_services, $hupso_plugin_url;
200
 
 
 
 
 
 
201
  wp_enqueue_script(
202
  'hupso_create_button',
203
  plugins_url('/js/create_button.js', __FILE__ )
204
  );
 
205
 
206
  $hupso_lang_code = __('en_US', 'share_buttons_hupso');
207
  $hupso_language = __('English', 'share_buttons_hupso');
@@ -426,6 +434,19 @@ function hupso_admin_settings_show() {
426
  </table>
427
  </div>
428
 
 
 
 
 
 
 
 
 
 
 
 
 
 
429
 
430
  <div id="services">
431
  <table style="border: 0px;">
@@ -506,7 +527,7 @@ function hupso_admin_settings_show() {
506
  <?php hupso_counters_lang_list(); ?>
507
  </select><br/><br/>
508
  (<?php _e('Language changes will not show in preview', 'share_buttons_hupso');?>)
509
- </td><td><?php _e('Select which language to use for Counters (Tweet, Facebook Like, Facebook Share...)', 'share_buttons_hupso');?>.<?php _e('Some social networks support more languages than others, so some buttons might get translated, while some might stay in English', 'share_buttons_hupso');?>.</td>
510
  </tr>
511
  </table>
512
 
@@ -726,7 +747,7 @@ function hupso_admin_settings_show() {
726
  $header_image = trim(get_header_image());
727
 
728
  ?>
729
- <span style="font-size:10px"><?php _e('All images for Facebook should be at least 200px in both dimensions (Facebook limitation)', 'share_buttons_hupso');?>.<br/><?php _e('After you change settings here, please wait 24 hours (or more) for Facebook to fetch new thumbnails', 'share_buttons_hupso');?>.</span><br/>
730
 
731
  <input type="radio" name="hupso_facebook_image" onclick="hupso_create_code()" onchange="hupso_create_code()" value="header" <?php echo $hupso_facebook_image_header_checked; ?>/> <?php _e('Header image', 'share_buttons_hupso'); ?> <?php if ( $header_image != '' ) { echo '(<a href="' . $header_image . '" title="' . __( 'Click here to see full header image', 'share_buttons_hupso' ) . '" target="_blank">' . __( 'preview', 'share_buttons_hupso' ) . '</a>)'; } ?><br/>
732
  <input type="radio" name="hupso_facebook_image" onclick="hupso_create_code()" onchange="hupso_create_code()" value="featured" <?php echo $hupso_facebook_image_featured_checked; ?>/> <?php _e('Featured image of post', 'share_buttons_hupso'); ?><br/>
@@ -867,11 +888,19 @@ function hupso_admin_settings_save() {
867
  update_option( 'hupso_button_image_custom_url', $hupso_button_image_custom_url );
868
  }
869
 
 
 
 
 
 
 
 
 
 
870
  /* save custom icons */
871
  if ( $post ) {
872
  $hupso_custom_icons = @$_POST[ 'hupso_custom_icons' ];
873
  update_option( 'hupso_custom_icons', $hupso_custom_icons );
874
-
875
 
876
  $hupso_image_folder_url = @$_POST[ 'hupso_image_folder_url' ];
877
  update_option( 'hupso_image_folder_url ', $hupso_image_folder_url );
@@ -1321,8 +1350,6 @@ function hupso_the_content( $content ) {
1321
 
1322
  $static_server = 'http://static.hupso.com/share' . $hupso_dev . '/js/' . $js_file;
1323
  $code .= '<script type="text/javascript" src="' . $static_server . '"></script><!-- Hupso Share Buttons -->';
1324
-
1325
-
1326
 
1327
  $position = get_option( 'hupso_button_position', 'below' );
1328
 
3
  Plugin Name: Hupso Share Buttons for Twitter, Facebook & Google+
4
  Plugin URI: http://www.hupso.com/share/
5
  Description: Add simple social sharing buttons to your articles. Your visitors will be able to easily share your content on the most popular social networks: Twitter, Facebook, Google Plus, Linkedin, StumbleUpon, Digg, Reddit, Bebo and Delicous. These services are used by millions of people every day, so sharing your content there will increase traffic to your website.
6
+ Version: 3.9.5
7
  Author: kasal
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
125
  delete_option( 'hupso_button_image_custom_url' );
126
  delete_option( 'hupso_custom_icons' );
127
  delete_option( 'hupso_image_folder_url' );
128
+ delete_option( 'hupso_background_color' );
129
+ delete_option( 'hupso_border_color' );
130
  }
131
 
132
  function hupso_plugin_activation() {
200
  function hupso_admin_settings_show() {
201
  global $hupso_all_services, $hupso_default_services, $hupso_plugin_url;
202
 
203
+ wp_enqueue_script(
204
+ 'js_color',
205
+ plugins_url('/js/jscolor/jscolor.js', __FILE__ )
206
+ );
207
+
208
  wp_enqueue_script(
209
  'hupso_create_button',
210
  plugins_url('/js/create_button.js', __FILE__ )
211
  );
212
+
213
 
214
  $hupso_lang_code = __('en_US', 'share_buttons_hupso');
215
  $hupso_language = __('English', 'share_buttons_hupso');
434
  </table>
435
  </div>
436
 
437
+ <?php
438
+ /* background & border color */
439
+ $hupso_background_color = get_option( 'hupso_background_color', 'EAF4FF');
440
+ $hupso_border_color = get_option( 'hupso_border_color', '66CCFF');
441
+ ?>
442
+ <div id="show_color">
443
+ <table style="border: 0px;">
444
+ <tr><td style="width:100px;"><?php _e('Background color');?></td><td><input class="color" type="text" id="background_color" name="background_color" value="#<?php echo $hupso_background_color; ?>" onchange="hupso_create_code()" onmouseout="hupso_create_code()" style="width: 100px;" /><input style="margin-left:30px;" type="button" value="Restore default" onclick="hupso_restore_background_color()" /></td></tr>
445
+ <tr><td style="width:100px;"><?php _e('Border color');?></td><td><input class="color" type="text" id="border_color" name="border_color" value="#<?php echo $hupso_border_color; ?>" onchange="hupso_create_code()" onmouseout="hupso_create_code()" style="width: 100px;" /><input style="margin-left:30px;" type="button" value="Restore default" onclick="hupso_restore_border_color()" /> <hr style="height:1px; width:500px;"/></td></tr>
446
+ </table>
447
+ </div>
448
+
449
+
450
 
451
  <div id="services">
452
  <table style="border: 0px;">
527
  <?php hupso_counters_lang_list(); ?>
528
  </select><br/><br/>
529
  (<?php _e('Language changes will not show in preview', 'share_buttons_hupso');?>)
530
+ </td><td><?php _e('Select which language to use for Counters (Tweet, Facebook Like, Facebook Share...)', 'share_buttons_hupso');?>. <?php _e('Some social networks support more languages than others, so some buttons might get translated, while some might stay in English', 'share_buttons_hupso');?>.</td>
531
  </tr>
532
  </table>
533
 
747
  $header_image = trim(get_header_image());
748
 
749
  ?>
750
+ <span style="font-size:10px"><?php _e('All images for Facebook should be at least 200px in both dimensions (Facebook limitation)', 'share_buttons_hupso');?>.<br/><?php _e('After you change settings here, please wait 24 hours (or more) for Facebook to fetch new thumbnails', 'share_buttons_hupso');?>.<br/><?php _e('"og:image" meta tag with image url will be added to head of HTML. Select "None" to disable this feature', 'share_buttons_hupso');?>.<br/></span><br/>
751
 
752
  <input type="radio" name="hupso_facebook_image" onclick="hupso_create_code()" onchange="hupso_create_code()" value="header" <?php echo $hupso_facebook_image_header_checked; ?>/> <?php _e('Header image', 'share_buttons_hupso'); ?> <?php if ( $header_image != '' ) { echo '(<a href="' . $header_image . '" title="' . __( 'Click here to see full header image', 'share_buttons_hupso' ) . '" target="_blank">' . __( 'preview', 'share_buttons_hupso' ) . '</a>)'; } ?><br/>
753
  <input type="radio" name="hupso_facebook_image" onclick="hupso_create_code()" onchange="hupso_create_code()" value="featured" <?php echo $hupso_facebook_image_featured_checked; ?>/> <?php _e('Featured image of post', 'share_buttons_hupso'); ?><br/>
888
  update_option( 'hupso_button_image_custom_url', $hupso_button_image_custom_url );
889
  }
890
 
891
+ /* save background & border color */
892
+ if ( $post ) {
893
+ $hupso_background_color = @$_POST[ 'background_color' ];
894
+ update_option( 'hupso_background_color', $hupso_background_color );
895
+
896
+ $hupso_border_color = @$_POST[ 'border_color' ];
897
+ update_option( 'hupso_border_color', $hupso_border_color );
898
+ }
899
+
900
  /* save custom icons */
901
  if ( $post ) {
902
  $hupso_custom_icons = @$_POST[ 'hupso_custom_icons' ];
903
  update_option( 'hupso_custom_icons', $hupso_custom_icons );
 
904
 
905
  $hupso_image_folder_url = @$_POST[ 'hupso_image_folder_url' ];
906
  update_option( 'hupso_image_folder_url ', $hupso_image_folder_url );
1350
 
1351
  $static_server = 'http://static.hupso.com/share' . $hupso_dev . '/js/' . $js_file;
1352
  $code .= '<script type="text/javascript" src="' . $static_server . '"></script><!-- Hupso Share Buttons -->';
 
 
1353
 
1354
  $position = get_option( 'hupso_button_position', 'below' );
1355