(function ($) { $.fn.sharelinks = { version: "1.0" }; $.fn.sharelinks = function (settings) { var $id = "share_" + generateGuid(); document.write('<p>Delen op: </p><ul id="' + $id + '"></ul>'); var $settings = $.extend({}, $.fn.sharelinks.settings, settings); var $this = $(this); var $url = encodeURIComponent($settings.url); var $title = encodeURIComponent($settings.title); var $shares = $.extend({}, $settings.shares, $settings.extra); var $links = $("#" + $id); var $shareButton = $settings.shareButton; var $popup = $("<div class='share_popup'>").attr("id", generateGuid()); var $popupHeader = $("<div class='header'>"); var $popupBody = $("<div class='body'>"); var $popupFooter = $("<div class='footer'>"); $popup.append($popupHeader); $popup.append($popupBody); $popup.append($popupFooter); if ($shareButton.show) { $popup.insertAfter($links) } var $shareButton = $settings.shareButton; if ($shareButton.position === "left" && $shareButton.show) { $.fn.sharelinks.generateShareButton($links, $shareButton, $popup) } $.each($shares, function (key, value) { var $link = value.url.replace("{url}", $url).replace("{title}", $title) + '" title="' + value.tooltip.replace("{site}", " " + key); if (value.show == "quicklinks" || value.show == "both") { $links.append('<li class="share"><a href="' + $link + '" target="_blank"><img src="' + value.image + '" alt="' + key + '"/></a></li>') } if ($shareButton.show && (value.show == "popup" || value.show == "both")) { $popupBody.append('<div class="button"><a href="' + $link + '" target="_blank"><img src="' + value.image + '" alt="' + key + '"/>' + key + "</a></div>") } }); if ($shareButton.position === "right" && $shareButton.show) { $.fn.sharelinks.generateShareButton($links, $shareButton, $popup) } }; $.fn.sharelinks.generateShareButton = function (parent, shareButton, popup) { var $buttonContainer = $('<li class="share"></li>'); parent.append($buttonContainer); var $button = $('<a href="#" onmouseover="ShowPopup(this, \'' + popup.attr("id") + "')\"></a>"); $buttonContainer.append($button); if (shareButton.image != "") { $button.html('<img src="' + shareButton.image + '" alt="' + shareButton.text + '"/>') } else { $button.text(shareButton.text) } parent.append("</a>") }; $.fn.sharelinks.settings = { title: document.title, url: window.location, shareButton: { show: true, text: "delen", image: "/Style Library/AchmeaNL/Images/sharethis_16.png", position: "right" }, shares: { Facebook: { url: "http://www.facebook.com/sharer.php?u={url}&t={title}", image: "/Style Library/AchmeaNL/Images/facebook_16.png", tooltip: "Send to{site}", show: "both" }, Twitter: { url: "http://twitter.com/home?status={title}%20{url}", image: "/Style Library/AchmeaNL/Images/twitter_16.png", tooltip: "Tweet this", show: "both" }, Hyves: { url: "http://www.hyves.nl/profilemanage/add/tips/?name={title}&text={url}&type=12", image: "/Style Library/AchmeaNL/Images/hyves.png", tooltip: "Send to{site}", show: "both" }, NuJij: { url: "http://nujij.nl/jij.lynkx?t={title}&u={url}", image: "/Style Library/AchmeaNL/Images/nujij_16.png", tooltip: "Send to{site}", show: "popup"}}} })(jQuery); function generateGuid() { var result, i, j; result = ""; for (j = 0; j < 32; j++) { i = Math.floor(Math.random() * 16).toString(16); result = result + i } return result } jQuery.fn.outerHTML = function () { return $("<div></div>").append(this.clone()).html() }; jQuery.fn.idle = function (time) { var o = $(this); o.queue(function () { setTimeout(function () { o.dequeue() }, time) }); return this }; function ShowPopup(parentE, popupId) { var parent = $(parentE); var popup = $("#" + popupId); popup.fadeIn(100); popup.position({ my: "left top", at: "left bottom", of: parent, collision: "flip" }); $.doTimeout(popup.attr("id"), 2000, function () { popup.fadeOut(250) }); popup.mouseenter(function () { $.doTimeout(popup.attr("id")) }); popup.mouseleave(function () { $(this).fadeOut(250) }) } (function ($) { $.fn.facebooklikebutton = { version: "1.0" }; $.fn.facebooklikebutton = function (settings) { var $settings = $.extend({}, $.fn.facebooklikebutton.settings, settings); var $this = $(this); var $url = encodeURIComponent($settings.url); var $title = encodeURIComponent($settings.title); var $like = '<iframe src="http://www.facebook.com/plugins/like.php?href=' + $url + '&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font=arial&height=21" frameBorder="0" scrolling="no" style="border-bottom: medium none; border-left: medium none; width: 100px; height: 21px; overflow: hidden; border-top: medium none; border-right: medium none;" allowTransparency="allowtransparency"></iframe>'; document.write($like) }; $.fn.facebooklikebutton.settings = { title: document.title, url: window.location} })(jQuery);