Team:Queens Canada/sandbox
From 2012.igem.org
(Difference between revisions)
(Replaced content with "{{Template:Queens_Canada/Header}} <html> <head> <script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/Mousehold?action=raw&ctype=text/js"></s...") |
|||
Line 1: | Line 1: | ||
- | |||
<html> | <html> | ||
<head> | <head> | ||
- | <script type="text/javascript" | + | <script type="text/javascript"> |
+ | /** | ||
+ | * jQuery mousehold plugin - fires an event while the mouse is clicked down. | ||
+ | * Additionally, the function, when executed, is passed a single | ||
+ | * argument representing the count of times the event has been fired during | ||
+ | * this session of the mouse hold. | ||
+ | * | ||
+ | * @author Remy Sharp (leftlogic.com) | ||
+ | * @date 2006-12-15 | ||
+ | * @example $("img").mousehold(200, function(i){ }) | ||
+ | * @desc Repeats firing the passed function while the mouse is clicked down | ||
+ | * | ||
+ | * @name mousehold | ||
+ | * @type jQuery | ||
+ | * @param Number timeout The frequency to repeat the event in milliseconds | ||
+ | * @param Function fn A function to execute | ||
+ | * @cat Plugin | ||
+ | */ | ||
+ | |||
+ | jQuery.fn.mousehold = function(timeout, f) { | ||
+ | if (timeout && typeof timeout == 'function') { | ||
+ | f = timeout; | ||
+ | timeout = 100; | ||
+ | } | ||
+ | if (f && typeof f == 'function') { | ||
+ | var timer = 0; | ||
+ | var fireStep = 0; | ||
+ | return this.each(function() { | ||
+ | jQuery(this).mousedown(function() { | ||
+ | fireStep = 1; | ||
+ | var ctr = 0; | ||
+ | var t = this; | ||
+ | timer = setInterval(function() { | ||
+ | ctr++; | ||
+ | f.call(t, ctr); | ||
+ | fireStep = 2; | ||
+ | }, timeout); | ||
+ | }) | ||
+ | |||
+ | clearMousehold = function() { | ||
+ | clearInterval(timer); | ||
+ | if (fireStep == 1) f.call(this, 1); | ||
+ | fireStep = 0; | ||
+ | } | ||
+ | |||
+ | jQuery(this).mouseout(clearMousehold); | ||
+ | jQuery(this).mouseup(clearMousehold); | ||
+ | }) | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 18: | Line 68: | ||
</head> | </head> | ||
<Body> | <Body> | ||
- | <div id="upbuttontwo"> | + | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> |
+ | |||
+ | |||
+ | <div id="upbuttontwo" style="bottom:0px; position:fixed;"> | ||
up | up | ||
</div> | </div> | ||
+ | |||
+ | <script> | ||
+ | $("#upbutton").mousehold(function(){ | ||
+ | |||
+ | |||
+ | window.scrollBy(0,-10); | ||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 13:44, 7 June 2012