File: src/plugins/measure/demo.html

Recommend this page to a friend!
  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: Update of src/plugins/measure/demo.html
Date: 2 years ago
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>