how to get share buttons to use the current URL?

Question

    <a href="http://www.linkedin.com/shareArticle?url=MY_URL" class="in-share-button" target="_blank"> 
<img src="my_img" alt="linkedin share button" title="Share on Linked In" /> </a>

This is currently my share button. I want it to share the url that's currently in the address bar, and not a fixed preset url like it does atm.

I found

<?php $url="http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; echo $url; ?>

what seems to fit my needs. But when I change "MY_URL" with this it just creates a link to the main page of my website.

The URL it SHOULD display looks like "www.myurl.de/#/id_of_a_post". I feel like the # is the problem. . .

can you provide me any help with this?

Answer 1

It just worked another way.

My friend created a script that saves the ID of the individual posts:

(function(){
    var numbers = document.URL.match(/\d+/g);
                    if(numbers !=  null){
                        $('#right-col').addClass('shown').removeClass('hidden');
                        $('#left-col').addClass('colPositioning');                        
                        $('#right_'+numbers).addClass('shown1');                         
                    ;}
}());

Afterwards I was able to use:

<a href="https://twitter.com/share?url=my_url/%23/?p=<?php the_id();?>" class="twitter-share-button" target="_blank"><img src="img_src"></a>

The trick about it was to replace the # with the "%23". I think it's called encodedURI.

What do you guys think about this solution?