Skip to content

Instantly share code, notes, and snippets.

@jameshibbard
Created October 13, 2012 13:23
Show Gist options
  • Save jameshibbard/3884614 to your computer and use it in GitHub Desktop.
Save jameshibbard/3884614 to your computer and use it in GitHub Desktop.
Tooltip demo using aToolTip
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tooltip demo</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="path-to-jquery.atooltip.js"></script>
<link type="text/css" href="path-to-atooltip.css" rel="stylesheet" media="screen" />
<style>#container{ width:600px; margin: 0 auto; padding-top:50px; }</style>
</head>
<body>
<div id="container">
<p>
Lorem ipsum dolor sit amet, cat consectetur adipisicing elit, sed do eiusmod tempor cat incididunt ut labore
et dolore magna aliqua. Cat ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo cat consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu cat
fugiat nulla pariatur cat. Cat Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum cat, cats and cat.
</p>
</div>
<script>
$(function(){$('a.normalTip').aToolTip(); });
$('#container').html($('#container').html().replace(/\b(cat)\b/ig,'<a href="#" class="normalTip" title="Cats are great!">$1</a>'));
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment