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; | ||
</style> | </style> | ||
Line 18: | Line 19: | ||
function changeDivBackground (thisArea, thisURL) { | function changeDivBackground (thisArea, thisURL) { | ||
- | document.getElememtById( | + | document.getElememtById(thisArea).style.backgroundImage = "url("+ thisURL + ")"; |
} | } | ||
Line 29: | Line 30: | ||
function toggleOff() { | function toggleOff() { | ||
- | document.getElementById(" | + | document.getElementById("kom_main").style.backgroundImage = "url(https://static.igem.org/mediawiki/2009/5/5f/Kom_colour.png)"; |
} | } | ||
Line 43: | Line 44: | ||
document.getElementById("kom3a").className = "komHide"; | document.getElementById("kom3a").className = "komHide"; | ||
document.getElementById("kom3b").className = "komHide"; | document.getElementById("kom3b").className = "komHide"; | ||
- | + | document.getElementById("kom_main").style.backgroundImage = "url(https://static.igem.org/mediawiki/2009/6/67/Blacknwhite.png)"; | |
- | } | + | } |
Line 52: | Line 53: | ||
<div id="kom_main" style="width:450px; height:410px; background: url(https://static.igem.org/mediawiki/2009/5/5f/Kom_colour.png); position: relative; "> | <div id="kom_main" style="width:450px; height:410px; background: url(https://static.igem.org/mediawiki/2009/5/5f/Kom_colour.png); position: relative; "> | ||
<map name="komorka"> | <map name="komorka"> | ||
- | <area name="kom4b" shape="poly" coords="179,150,277,16,353,42,419,116,445,145,180,150" alt="test" title="test" onmouseover="toggleOn('kom4b')"> | + | <area name="kom4b" shape="poly" coords="179,150,277,16,353,42,419,116,445,145,180,150" alt="test" title="test" onmouseover="toggleOn('kom4b')" onmouseout="toggleOff()"> |
- | <area name="kom1" shape="poly" coords="10,252,15,130,140,15,220,4,10,258" onmouseover="toggleOn('kom1')"> | + | <area name="kom1" shape="poly" coords="10,252,15,130,140,15,220,4,10,258" onmouseover="toggleOn('kom1')" onmouseout="toggleOff()"> |
- | <area name="kom2" shape="poly" coords="10,259,288,4,276,16,42,332,10,260" onmouseover="toggleOn('kom2')"> | + | <area name="kom2" shape="poly" coords="10,259,288,4,276,16,42,332,10,260" onmouseover="toggleOn('kom2')" onmouseout="toggleOff()"> |
- | <area name="kom3a" shape="poly" coords=" | + | <area name="kom3a" shape="poly" coords="43,335,179,150,301,399,185,405,72,369,44,335" onmouseover="toggleOn('kom3a')" onmouseout="toggleOff()"> |
- | <area name="kom3b" shape="poly" coords=" | + | <area name="kom3b" shape="poly" coords="180,150,442,142,437,280,411,279,357,355,301,397,180,151" onmouseover="toggleOn('kom3b')" onmouseout="toggleOff()"> |
- | <area name="alls" shape="poly" coords="5,162,5,230,43,335,132,397,212,405,298,403,432,277,439,45,349,42,197,3,145,15,5,161" onmouseover="clearHighlights()"> | + | <area name="alls" shape="poly" coords="5,162,5,230,43,335,132,397,212,405,298,403,432,277,439,45,349,42,197,3,145,15,5,161" onmouseover="clearHighlights()" onmouseout="toggleOff()"> |
</map> | </map> | ||
<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="kom1" class="komHide" style="width:230px; height:272px; background-image:url(https://static.igem.org/mediawiki/2009/b/bf/Kom1.png); position: absolute; left:0px; top:0px; "></div> | <div id="kom1" class="komHide" style="width:230px; height:272px; background-image:url(https://static.igem.org/mediawiki/2009/b/bf/Kom1.png); position: absolute; left:0px; top:0px; "></div> | ||
- | <div id="kom3b" class="komHide" style="width: | + | <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="kom2" class="komHide" style="width:290px; height:395px; background-image:url(https://static.igem.org/mediawiki/2009/1/1c/Kom2.png); position: absolute; left:0px; top:0px;"></div> | <div id="kom2" class="komHide" style="width:290px; height:395px; background-image:url(https://static.igem.org/mediawiki/2009/1/1c/Kom2.png); position: absolute; left:0px; top:0px;"></div> | ||
- | <div id="kom3a" class="komHide" style="width: | + | <div id="kom3a" class="komHide" style="width:307px; height:261px; background-image:url(https://static.igem.org/mediawiki/2009/7/77/Kom3a.png); position: absolute left; left:0px; top:150px;"></div> |
- | / | + | |
<img id="komorka_main" src="https://static.igem.org/mediawiki/2009/c/cd/Pixel.gif" border=0 width="450" height="410" usemap="#komorka" style="position: absolute; top: 0px; left: 0px; width: 450px; height: 410px;"/> | <img id="komorka_main" src="https://static.igem.org/mediawiki/2009/c/cd/Pixel.gif" border=0 width="450" height="410" usemap="#komorka" style="position: absolute; top: 0px; left: 0px; width: 450px; height: 410px;"/> |
Revision as of 21:19, 19 September 2009