Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
37 lines (33 sloc) 2.15 KB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
</head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.1.js"></script>
<script type="text/javascript" src="toaster.jquery.js"></script>
<link href="toaster.jquery.css" rel="stylesheet" type="text/css">
<script>
function jt1( myPosition , myBase )
{
$.toaster({
base:myBase,
position:myPosition,
title:'Lorem ipsum dolor sit amet',
text:'consectetur adipiscing elit. Maecenas mauris nulla, luctus nec, ornare ut!',
timeout:1000,
cssclass:'important',
hideAlgo:'global'
});
}
</script>
<body>
<div style="margin-left:250px;">
<button onclick="jt('br','body');">BR Body!</button>
<button onclick="jt('bl','body');">BL Body!</button>
<button onclick="jt('tr','body');">TR Body!</button>
<button onclick="jt('tl','body');">TL Body!</button>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mauris nulla, luctus nec, ornare ut, consequat ut, dolor. Duis eu nunc. Morbi faucibus. Quisque vel velit nec lacus lacinia dignissim. Sed ac odio ac est euismod auctor. Curabitur neque tellus, scelerisque non, sodales a, condimentum at, ipsum. Nullam condimentum metus. Sed dui augue, euismod id, condimentum vitae, malesuada sit amet, neque. Praesent nisl sem, interdum aliquet, varius et, sagittis sed, nisl. Pellentesque consequat, justo vitae dapibus consectetur, purus tellus scelerisque massa, et scelerisque massa metus in elit. Fusce hendrerit nisi vel neque. Aliquam dui leo, malesuada a, elementum ac, scelerisque eu, nisi. Vivamus laoreet eros ut nibh. Proin malesuada, lacus et auctor molestie, enim urna scelerisque risus, a sodales tellus orci vitae enim. Nulla eros dui, iaculis a, aliquet nec, vestibulum et, urna. Proin felis odio, porttitor a, consequat vel, suscipit semper, diam. Aliquam erat volutpat.</p>
</body>
</html>