Clever Geek Handbook

Change dynamic link to sharebook sharebook

hi below is my code for dynamically changing facebook share button

<script>
        function f1() {
            $(function () {
                var id = location.href.replace(/.*pid=/, '');
                $.galleriffic.gotoImage(id);
                { window.open("https://www.facebook.com/sharer/sharer.php?u=" + escape(id) + "&t=" + document.title, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'); return false; }
               })
        };
    </script>

<div onclick="f1()" id="sharenew" class="fb-share-button" data-href=""></div>

in said code sharebook sharebook accepts url, but I want to pass url with image id which gets C # value, so here my url will become " http://writopedia.org/THCComment.aspx#2 " but this is not consistent with facebook. so help me.

+3


source to share


2 answers


given code works for me



<script>
        function FBShareOp(){
            var product_name = jQuery("#title").val();
            var description =   jQuery("#description").html();
            var share_image =   jQuery("#share_image").attr('src');
            var share_url   =   jQuery("#share_url").attr('href');
            var share_capt = jQuery("#share_capt").val();
            var id = location.href.replace(/.*pid=/, '');
            $.galleriffic.gotoImage(id);
            FB.ui({
                method: 'feed',
                name: product_name,
                link: id,
                picture: images,
                caption: share_capt,
                description: description

            }, function(response) {
                if(response && response.post_id){}
                else{}
            });

        }
    </script>

<a onclick="FBShareOp();" style="color: #fff; background-color: #435EAB; padding: 2px 7px 1px 7px; font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; text-decoration: none; border-radius: 2px; float: right; margin-top: 1px; margin-right: 45px;" href="#" title="Share" class="ymsb-fbshare-btn" data-target="popup" id="sharebutton">Share</a> &nbsp;
+5


source


Use share FB.ui

for dynamic urls: https://developers.facebook.com/docs/sharing/reference/share-dialog

Basic example from docs:

FB.ui({
  method: 'share',
  href: 'https://developers.facebook.com/docs/',
}, function(response){});


You need to enable JavaScript SDK of course: https://developers.facebook.com/docs/javascript/quickstart/v2.1

... and forget about the share button, just use your own button and call FB.ui on click.

+1


source






More articles:


All Articles