Team:Warsaw/test komorka
From 2009.igem.org
(Difference between revisions)
Line 10: | Line 10: | ||
.komVisible { background-repeat:no-repeat; position:absolute; cursor:pointer; visibility:visible; } | .komVisible { background-repeat:no-repeat; position:absolute; cursor:pointer; visibility:visible; } | ||
- | .blacknwhite { background-repeat:no-repeat; position:absolute; cursor:pointer; visibility:visible; | + | .textHide { visibility: hidden;} |
+ | .textVisible { visibility: visible;} | ||
+ | |||
+ | .blacknwhite { background-repeat:no-repeat; position:absolute; cursor:pointer; visibility:visible;} | ||
</style> | </style> | ||
Line 16: | Line 19: | ||
<script> | <script> | ||
+ | |||
+ | function showTip(thisText) | ||
+ | { | ||
+ | isShowing = true; | ||
+ | document.getElementById("tekscik").style.left = mouseX+10+"px"; | ||
+ | document.getElementById("tekscik").style.top = mouseY+10+document.body.scrollTop+"px"; | ||
+ | document.getElementById("tekscik").innerHTML = thisText; | ||
+ | document.getElementById("tekscik").style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function hideTip() | ||
+ | { | ||
+ | document.getElementById("tekscik").style.display = "none"; | ||
+ | isShowing = false; | ||
+ | } | ||
+ | |||
+ | function tipPosition(callingEvent) | ||
+ | { | ||
+ | if (!callingEvent) callingEvent = window.event; | ||
+ | mouseX = callingEvent.clientX; | ||
+ | mouseY = callingEvent.clientY-1; | ||
+ | if (isShowing) | ||
+ | { | ||
+ | document.getElementById("tekscik").style.left = mouseX+10+"px"; | ||
+ | document.getElementById("tekscik").style.top = (!is_safari) ? mouseY+10+document.body.scrollTop+"px" : mouseY+10+"px" ; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
function changeDivBackground (thisArea, thisURL) { | function changeDivBackground (thisArea, thisURL) { | ||
Line 27: | Line 59: | ||
clearHighlights(); | clearHighlights(); | ||
document.getElementById(thisArea).className = "komVisible"; | document.getElementById(thisArea).className = "komVisible"; | ||
+ | showTip('tekst'); | ||
} | } | ||
function toggleOff() { | function toggleOff() { | ||
document.getElementById("kom_main").style.backgroundImage = "url(https://static.igem.org/mediawiki/2009/5/5f/Kom_colour.png)"; | document.getElementById("kom_main").style.backgroundImage = "url(https://static.igem.org/mediawiki/2009/5/5f/Kom_colour.png)"; | ||
+ | hideTip(); | ||
} | } | ||
Line 47: | Line 81: | ||
} | } | ||
+ | document.onmousemove = tipPosition; | ||
</script> | </script> | ||
Line 79: | Line 114: | ||
<div id="kom4b" class="komHide" style="width:270px; height:149px; background-image:url(https://static.igem.org/mediawiki/2009/3/33/Kom4b.png); position: relative; left:179px; top:0px;"></div> | <div id="kom4b" class="komHide" style="width:270px; height:149px; background-image:url(https://static.igem.org/mediawiki/2009/3/33/Kom4b.png); position: relative; left:179px; top:0px;"></div> | ||
- | <div id="kom3b" class="komHide" style="width:271px; height:267px; background-image:url(https://static.igem.org/mediawiki/2009/5/5f/Kom3b.png); position: relative; left:179px; top:- | + | <div id="kom3b" class="komHide" style="width:271px; height:267px; background-image:url(https://static.igem.org/mediawiki/2009/5/5f/Kom3b.png); position: relative; left:179px; top:-5px;"></div> |
+ | |||
+ | <div id="tekscik" style="display:none; position:absolute; top:20px; color:#FFFFFF; background-color:#000000; border:1px solid #DDDDDD; font-family:Arial, Helvetica, sans-serif; padding:3px; text-align:center; font-size:9px; border-bottom-color:#666666; border-right-color:#666666;">TEST</div> | ||
+ | |||
+ | |||
Revision as of 21:47, 19 September 2009