Skip to content

Instantly share code, notes, and snippets.

@jhampton
Forked from charliepark/hatchshow.js
Created December 19, 2013 01:48
Show Gist options
  • Save jhampton/8032990 to your computer and use it in GitHub Desktop.
Save jhampton/8032990 to your computer and use it in GitHub Desktop.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(window).load(function(){
$().hatchShow();
});
jQuery.fn.hatchShow = function(){
$('.hsjs').css('display','inner-block').css('white-space','pre').each(function(){
var t = $(this);
t.wrap("<span class='hatchshow_temp' style='display:block'>");
var pw = t.parent().width();
while( t.width() < pw ){t.css('font-size', (t.fontSize()+1)+"px"),
function(){while( t.width() > pw ){t.css('font-size', (t.fontSize()-.1)+"px")}};
};
}).css('visibility','visible').css('display','block');
};
jQuery.fn.fontSize = function(){return parseInt($(this).css('font-size').replace('px',''));};
</script>
@jhampton
Copy link
Author

Added "display:block" for IE8, otherwise, it works great! Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment