public
Created

  • Download Gist
fiddle.html
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14
<!-- load this in head
<script src="http://platform.twitter.com/widgets.js"></script>
-->
 
<a
href="https://twitter.com/intent/tweet"
class="js-twttrintent"
data-intent-text="The quick brown fox jumps over the lazy dog."
data-intent-url="http://example.com"
data-intent-hashtags="hoge,foo"
>
TWEEEEEEETTTT
</a>
<p>* note: This does not work on jsfiddle because of x-frame-options. </p>
fiddle.js
JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
/**
* $.fn.twttrintent
* https://gist.github.com/1148841
* http://jsfiddle.net/gh/gist/jQuery/1.6.2/1148841/
* see following about intent api
* https://dev.twitter.com/docs/intents
*/
$.fn.twttrintent = function(options){
function attachDataVal($el, attrKey, finalKey, obj){
var val = $el.data(attrKey);
if (val === undefined){
return obj;
}
obj[finalKey] = val;
return obj;
}
return this.each(function(){
var $el = $(this);
var dataVals = {};
attachDataVal($el, 'intentText', 'text', dataVals);
attachDataVal($el, 'intentUrl', 'url', dataVals);
attachDataVal($el, 'intentHashtags', 'hashtags', dataVals);
var data = $.extend({}, options, dataVals);
var paramstr = $.param(data);
$el.attr('href', $el.attr('href') + '?' + paramstr);
});
};
 
/* fire */
$(function(){
// twitter intent
$('.js-twttrintent').twttrintent();
});
fiddle.manifest
1 2 3 4 5
name: $.fn.twttrintent
description: post to twitter using twitter intent api http://jsfiddle.net/gh/gist/jQuery/1.6.2/1148841/ https://gist.github.com/1148841
authors:
- Takeshi Takatsudo
normalize_css: no

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.