Addthis: Display total shares - javascript

I would like to get the AddThis widget to display the total number of shares of an URL on Facebook, Twitter and Google+. Here comes my code:
<script src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<div addthis:url="http://de.wikipedia.org/wiki/JavaScript" addthis:title="Wikipedia JavaScript page">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone"></a>
<a class="addthis_button_email"></a>
</div>
JSFIDDLE: http://jsfiddle.net/ez8ya0ov/
How do I achieve that the total count of shares on facebook, twitter and google+ get displayed in a bubble on the right side? I do NOT want the individual numbers of each social media service get displayed (in this example I want to get rid of the bubble with "7" next to the google+ icon). Anyone has an idea how to achieve that?

Related

How to set location or name auto fill in trip advisor widget?

My problem is I have a lot of hotels lists on my website, but trip advisor widget only can get one. Any solution (example:script or what else) can use varible to set the location or name in widget automatically, it will auto search and display different hotel widget in the same code. Poor English hope your guys understand. Thank a lot.
<div id="TA_selfserveprop189" class="TA_selfserveprop">
<ul id="0DhvHbHb" class="TA_links wMTad7Z">
<li id="BkwXZV" class="yr3LWVW09h">
<a target="_blank" href="http://www.tripadvisor.com/"><img src="http://www.tripadvisor.com/img/cdsi/img2/branding/150_logo-11900-2.png" alt="TripAdvisor"/></a>
</li>
</ul>
<script src"http://www.jscache.com/wejs?wtype=selfserveprop&uniq=189&locationId=2701589&
lang=en_US&rating=true&nreviews=5&writereviewlink=true&popIdx=true&iswide=false&border=true&display_version=2"></script>
do u want to use auto complete to show a div like google search, you can use autocomplete addon of jquery.
I have implemented it many times, it is great for that purpose.
for reference use this example.http://www.tutorialspoint.com/jqueryui/jqueryui_autocomplete.htm
it also shows various example and documentation.
https://jqueryui.com/autocomplete/

Trying to use Javascript to hide "IWS" link when the site point to certain country e.g SG or ZA based on the URL

Need to know how to hide the link "IWS" when accessing to certain country base on URL
www.xxx.com/US/en - it will show up IWS link
www.xxx.com/SG/en - it will hide up IWS link
<div class="linklist-title">Policy & Services</div>
<div class="linklist">IWS
<a target="_blank" href="http://.com">PS</a>
WSP
WSA
ACC
</div>
Are you using jQuery? If so, try something like:
if(location.href.match(/sg/i)) {
$('.linklist:contains("IWS")').hide();
}
You should think about using a more generalized title for this kind of issue.

ShareThis.com Social Media Buttons HitCounter Mishap

I have social media share and like buttons on my page. There is a problem with the hitcount that the Facebook buttons get. If I "Share" the page on Facebook it gets counted toward the "Likes" the next time I refresh the page.
<span class='st_facebook_hcount' st_title='$videoTitle' displayText='Facebook'></span>
<span class='st_twitter_hcount' st_title='$videoTitle' displayText='Tweet'></span>
<span class='st_sharethis_hcount' st_title='$videoTitle' displayText='share'></span>
<span class='st_fblike_hcount' st_title='$videoTitle' displayText='Facebook Like'></span>
<span class='st_plusone_hcount' st_title='$videoTitle' displayText='Google +1'></span>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "69070f45-d198-4d82-8b1f-9715232e78e8"}); </script>
Any ideas what could be going wrong? I'm stuck >.<
I don't think you are doing anything wrong, its working as intended by Facebook
Here is what Facebook says the number is:
Taken from: http://developers.facebook.com/docs/reference/plugins/like/
What makes up the number shown on my Like button?
The number shown is the sum of:
The number of likes of this URL
The number of shares of this URL (this includes copy/pasting a link back to Facebook)
The number of likes and comments on stories on Facebook about this URL
The number of inbox messages containing this URL as an attachment.
Hope this helps..

How can I hide an id from its contents in Javascript/jQuery?

I have a bunch of this videos on this website with this source:
<li id="vidLink-1498229769" class="videoContainer vidLink">
<a href="/p/watch/1498229769:GM1ryG4eoTA6sMZV9wtDEpocuehpzDni">
<span class="content-video-thumb-hover"></span>
<img src="http://lockerz.vo.llnwd.net/o35/Lockerz/14/593/MEVIO-EmoGirlTV-SavesTheDay-TH1.jpg" id="clThumb_1498229769" class="videoThumb">
</a>
Emo Girl TV - Saves the Day Interview
<span class="PTZ-status PTZ-awarded">PTZ have been awarded for watching this video.</span>
Is it possible to hide the entire id, the vidlink-*** part if the span class is that?
<span class="PTZ-status PTZ-awarded">PTZ have been awarded for watching this video.</span>
I want to hide the videos I've already seen in the site (with greasemonkey), but I have no idea how...
If you're trying to hide the entire vidLink if it contains a .PTZ-status, you can do it like this:
$('.vidLink:has(.PTZ-awarded)').hide();

Can I get some help decoding this bit of a Facebook page?

I'm trying to figure out just how a particular function works on a Facebook page, and being no friend of JS syntax, am having trouble. Here's the question mark bit:
<a href="#" clicktoshowdialog="my_dialog" onclick="
(new Image()).src = '/ajax/ct.php?app_id=4949752878&action_type=3&post_form_id=3b933f46f9c4c44981e51b90c754bfce&position=2&' + Math.random();
FBML.clickToShowDialog("app4949752878_my_dialog");
return false;">
<img src="linktopicture" title="Are your friends fans?" width="190" height="230" />
</a>
<div style="display:none">
<div id="app4949752878_my_dialog" fbcontext="aa3fcff8e653">
<div class="app_content_4949752878" style="padding:10px">
<div with hidden then exposed content...
The functionality of this is an image that, when clicked, pops out the previously hidden div. I know that the app###### is prepended to all JS used in Facebook to limit its scope. I'm confused by the anchor parameter of
clicktoshowdialog="mydialog"
What is that identifying, and how is it targeting the div that's exposed when the image is clicked? Thanks for any clarification, and let me know if I can post any more sample code.
According to the wiki it's just for opening the dialog (which is defined at the bottom). Facebook generates the JS to open the dialog. The attribute got post-processed and the JS code (that you see in the onclick= attribute) was generated on it's basis.

Categories

Resources