"
Team:Warwick/PartsTest
From 2014.igem.org
(Difference between revisions)
| Line 14: | Line 14: | ||
<!--jQuery--> | <!--jQuery--> | ||
| - | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | + | <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>--> |
| + | |||
| + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> | ||
| + | <script> | ||
| + | $(function() { | ||
| + | var moveLeft = 0; | ||
| + | var moveDown = 0; | ||
| + | $('a.popper').hover(function(e) { | ||
| + | |||
| + | var target = '#' + ($(this).attr('data-popbox')); | ||
| + | |||
| + | $(target).show(); | ||
| + | moveLeft = $(this).outerWidth(); | ||
| + | moveDown = ($(target).outerHeight() / 2); | ||
| + | }, function() { | ||
| + | var target = '#' + ($(this).attr('data-popbox')); | ||
| + | $(target).hide(); | ||
| + | }); | ||
| + | |||
| + | $('a.popper').mousemove(function(e) { | ||
| + | var target = '#' + ($(this).attr('data-popbox')); | ||
| + | |||
| + | leftD = e.pageX + parseInt(moveLeft); | ||
| + | maxRight = leftD + $(target).outerWidth(); | ||
| + | windowLeft = $(window).width() - 40; | ||
| + | windowRight = 0; | ||
| + | maxLeft = e.pageX - (parseInt(moveLeft) + $(target).outerWidth() + 20); | ||
| + | |||
| + | if(maxRight > windowLeft && maxLeft > windowRight) | ||
| + | { | ||
| + | leftD = maxLeft; | ||
| + | } | ||
| + | |||
| + | topD = e.pageY - parseInt(moveDown); | ||
| + | maxBottom = parseInt(e.pageY + parseInt(moveDown) + 20); | ||
| + | windowBottom = parseInt(parseInt($(document).scrollTop()) + parseInt($(window).height())); | ||
| + | maxTop = topD; | ||
| + | windowTop = parseInt($(document).scrollTop()); | ||
| + | if(maxBottom > windowBottom) | ||
| + | { | ||
| + | topD = windowBottom - $(target).outerHeight() - 20; | ||
| + | } else if(maxTop < windowTop){ | ||
| + | topD = windowTop + 20; | ||
| + | } | ||
| + | |||
| + | $(target).css('top', topD).css('left', leftD); | ||
| + | |||
| + | |||
| + | }); | ||
| + | |||
| + | }); | ||
| + | </script> | ||
<link href="https://2014.igem.org/Template:Team:Warwick/hoverbox.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> | <link href="https://2014.igem.org/Template:Team:Warwick/hoverbox.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> | ||
Revision as of 12:40, 16 October 2014
|
|
|
|
|
|
|
|
|
|
|
Success!
This is an example popbox.
Danger!
Don't let this popbox go off the screen!
