Login   Register  
Icontem

File: src/plugins/measure/demo.html

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Jonathan Gotti  >  jQuery Toolkit  >  src/plugins/measure/demo.html  >  Download  
File: src/plugins/measure/demo.html
Role: Example script
Content type: text/plain
Description: Documentation
Class: jQuery Toolkit
Create widgets reading options from CSS classes
Author: By
Last change:
Date: 2014-02-03 15:25
Size: 998 bytes
 

Contents

Class file image Download 
<html>
<head>
<link rel="stylesheet" type="text/css" href="../../jquery.toolkit.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
<script src="../../jquery.toolkit.js" type="text/javascript"></script>
<script src="jquery.tk.measure.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="jquery.tk.measure.css" />
<script>
$(function(){
$.toolkit.initPlugins('measure');
});
</script>
</head>
<body>
	<button type="button" class="tk-measure">measure</button>
	<div style="background:red;color:white;margin:50px;width:150px;height:150px;" class="tk-inlineStack">
		<div class="tk-content">a 150&times;150 square to measure</div>
	</div>

	<div style="background:green;color:white;margin:50px;text-align:center;z-index:200;position:relative;" class="tk-inlineStack">
		<div class="tk-content">to stop measuring :<br/>just click measure button again<br />or just hit Escape.</div>
	</div>
</body>
</html>