Farhadur Rahim webmechanicx

## gist:676394
$(document).ready( function() {
  $('#ClickWordList li').click(function() {
    $("#txtMessage").insertAtCaret($(this).text());
    return false
  });
  $("#DragWordList li").draggable({helper: 'clone'});
  $(".txtDropTarget").droppable({
    accept: "#DragWordList li",
    drop: function(ev, ui) {
      $(this).insertAtCaret(ui.draggable.text());

## gist:2640302

      
              1 file
            
          
              271 forks
            
          
              91 comments
            
          
              1095 stars
            
          
                jonathanmoore
                / gist:2640302
            
            
              Created
              May 8, 2012 23:17
            
              
                Get the share counts from various APIs
              
          
    Share Counts

I have always struggled with getting all the various share buttons from Facebook, Twitter, Google Plus, Pinterest, etc to align correctly and to not look like a tacky explosion of buttons.  Seeing a number of sites rolling their own share buttons with counts, for example The Next Web I decided to look into the various APIs on how to simply return the share count.
If you want to roll up all of these into a single jQuery plugin check out Sharrre
Many of these API calls and methods are undocumented, so anticipate that they will change in the future.  Also, if you are planning on rolling these out across a site I would recommend creating a simple endpoint that periodically caches results from all of the APIs so that you are not overloading the services will requests.
Twitter

  
## router.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Building a router</title>
  <script>
    // Put John's template engine code here...

    (function () {
      // A hash to store our routes:

## insertCaret.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>jQuery Examples for insertAtCaret</title>
<style type="text/css" media="Screen">
#maincontainer {
	width: 960px;
	margin: 0 auto;
}

## router.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Building a router</title>
  <script>
    // Put John's template engine code here...

    (function () {
      // A hash to store our routes:

## getInnerHTML.php
<?php
$html = <<< HTML
<body>
 <h1>Hello,
  <b>world!</b>
 </h1>
</body>
HTML;

$dom = new DOMDocument;

## dom_tag_extractor.php
<?php
$selfClosing = explode(',', 'area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed');

$html = '
<p><a href="#">foo</a></p>
<hr/>
<br/>
<div>name</div>';

$dom = new DOMDocument();

## object2array.php
<?php
$post_id = array((object) (array(
   'index_id' => 'Mahfuz',
)), (object) (array(
   'index_id' => 'mstmhaque@gmail.com',
)), (object) (array(
   'index_id' => 142,
)));

foreach ($post_id as $key => $value) {

## getMineType.php
<?php
/**
* get mime data of the file.
* @return {String} mime-type of the given file
* @param $filename String
*/
function get_mime($filename){
    preg_match("/\.(.*?)$/", $filename, $m);    # Get File extension for a better match
    switch(strtolower($m[1])){
        case "js": return "application/javascript";

## canvas-upload.php

<?php
	// requires php5
	define('UPLOAD_DIR', 'images/');
	$img = $_POST['img'];
	$img = str_replace('data:image/png;base64,', '', $img);
	$img = str_replace(' ', '+', $img);
	$data = base64_decode($img);
	$file = UPLOAD_DIR . uniqid() . '.png';
	$success = file_put_contents($file, $data);
	$(document).ready( function() {
	$('#ClickWordList li').click(function() {
	$("#txtMessage").insertAtCaret($(this).text());
	return false
	});
	$("#DragWordList li").draggable({helper: 'clone'});
	$(".txtDropTarget").droppable({
	accept: "#DragWordList li",
	drop: function(ev, ui) {
	$(this).insertAtCaret(ui.draggable.text());
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Building a router</title>
	<script>
	// Put John's template engine code here...

	(function () {
	// A hash to store our routes:
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
	<title>jQuery Examples for insertAtCaret</title>
	<style type="text/css" media="Screen">
	#maincontainer {
	width: 960px;
	margin: 0 auto;
	}
	<?php
	$html = <<< HTML
	<body>
	<h1>Hello,
	<b>world!</b>
	</h1>
	</body>
	HTML;

	$dom = new DOMDocument;
	<?php
	$selfClosing = explode(',', 'area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed');

	$html = '
	<p><a href="#">foo</a></p>
	<hr/>
	<br/>
	<div>name</div>';

	$dom = new DOMDocument();
	<?php
	$post_id = array((object) (array(
	'index_id' => 'Mahfuz',
	)), (object) (array(
	'index_id' => 'mstmhaque@gmail.com',
	)), (object) (array(
	'index_id' => 142,
	)));

	foreach ($post_id as $key => $value) {
	<?php
	/**
	* get mime data of the file.
	* @return {String} mime-type of the given file
	* @param $filename String
	*/
	function get_mime($filename){
	preg_match("/\.(.*?)$/", $filename, $m); # Get File extension for a better match
	switch(strtolower($m[1])){
	case "js": return "application/javascript";

	<?php
	// requires php5
	define('UPLOAD_DIR', 'images/');
	$img = $_POST['img'];
	$img = str_replace('data:image/png;base64,', '', $img);
	$img = str_replace(' ', '+', $img);
	$data = base64_decode($img);
	$file = UPLOAD_DIR . uniqid() . '.png';
	$success = file_put_contents($file, $data);