Team:Warsaw/test komorka

From 2009.igem.org

(Difference between revisions)
Line 5: Line 5:
<style>
<style>
-
#gmap {display:block; width:714px; height:651px; background:url(https://static.igem.org/mediawiki/2009/5/5f/Kom_colour.png); position:relative; margin:0 auto 2em auto;}
+
div.komHide {visibility:hidden;}
-
#gmap a {color:#000; font-family:arial, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase;}
+
-
#gmap:hover {background:transparent url(https://static.igem.org/mediawiki/2009/6/67/Blacknwhite.png) no-repeat 0 0; overflow:visible;}
+
-
a#kom5 {display:block; width:327px; height:0; padding-top:222px; overflow:hidden; position:absolute; left:422px; top:231px;}
+
.komVisible {background-repeat:no-repeat; position:absolute; visibility:visible;}
-
* html a#kom5 {height:120px; height:0;}
+
-
a#kom5:hover {background:transparent url(https://static.igem.org/mediawiki/2009/8/82/5.png) no-repeat 0 0; overflow:visible;}
+
-
a#kom3 {display:block; width:327px; height:0; padding-top:230px; overflow:hidden; position:absolute; left:422px; top:0px;}
+
</style>
-
* html a#kom3 {height:120px; height:0;}
+
-
a#kom3:hover {background:transparent url(https://static.igem.org/mediawiki/2009/1/10/3.png) no-repeat 0 0; overflow:visible;}
+
-
a#kom1 {display:block; width:171px; height:0; padding-top:173px; overflow:hidden; position:absolute; left:0px; top:0px;}
 
-
* html a#kom1 {height:120px; height:0;}
 
-
a#kom1:hover {background:transparent url(https://static.igem.org/mediawiki/2009/b/bf/Kom1.png) no-repeat 0 0; overflow:visible;}
 
-
a#kom2 {display:block; width:249px; height:0; padding-top:292px; overflow:hidden; position:absolute; left:172px; top:0px;}
 
-
* html a#kom2 {height:120px; height:0;}
 
-
a#kom2:hover {background:transparent url(https://static.igem.org/mediawiki/2009/1/1c/Kom2.png) no-repeat 0 0; overflow:visible;}
 
-
a#kom4 {display:block; width:174px; height:0; padding-top:118px; overflow:hidden; position:absolute; left:0px; top:174px;}
+
<script>
-
* html a#kom4 {height:120px; height:0;}
+
function toggleOn(thisArea) {
-
a#kom4:hover {background:transparent url(https://static.igem.org/mediawiki/2009/7/73/Kom4.png) no-repeat 0 0; overflow:visible;}
+
    clearHighlights();
 +
    document.getElementById(thisArea).className = "komVisible";  
 +
}
-
a#kom6 {display:block; width:189px; height:0; padding-top:390px; overflow:hidden; position:absolute; left:0px; top:293px;}
+
function toggleOff(thisArea) { document.getElementById(thisArea).className = "komHide"; }
-
* html a#kom6 {height:120px; height:0;}
+
-
a#kom6:hover {background:transparent url(https://static.igem.org/mediawiki/2009/5/5c/Kom6.png) no-repeat 0 0; overflow:visible;}
+
-
a#kom7 {display:block; width:231px; height:0; padding-top:390px; overflow:hidden; position:absolute; left:190px; top:293px;}
+
function clearHighlights()
-
* html a#kom7 {height:120px; height:0;}
+
{
-
a#kom7:hover {background:transparent url(https://static.igem.org/mediawiki/2009/b/bc/Kom7.png) no-repeat 0 0; overflow:visible;}
+
  document.getElementById("kom4b").className = "komHide";
 +
}
-
a#kom8 {display:block; width:327px; height:0; padding-top:229px; overflow:hidden; position:absolute; left:422px; top:454px;}
+
</script>
-
* html a#kom8 {height:120px; height:0;}
+
-
a#kom8:hover {background:transparent url(https://static.igem.org/mediawiki/2009/3/3e/Kom8.png) no-repeat 0 0; overflow:visible;}
+
-
a#tekst8 {display:block; width:327px; height:0; padding-top:229px; overflow:hidden; position:absolute; left:422px; top:454px;}
 
-
* html a#tekst8 {height:120px; height:0;}
 
-
a#tekst8:hover {overflow:visible; color:red; font-size: 10px; font-weight: normal; background: transparent;}
 
 +
<div style="background-image:url(https://static.igem.org/mediawiki/2009/6/67/Blacknwhite.png); width:749px; height:683px; position:relative;">
 +
<map name="komorka">
 +
<area name="kom2" shape="poly" coords="300,250,460,25,670,100,700,240" alt="test" title="test" onmouseover="toggleOn('kom4b')">
 +
<area name="alls" shape="rect" coords="1,1,749,683" onmouseover="clearHighlights()" alt="tessss">
 +
</map>
 +
<div id="kom4b" class="komHide" style="width:451px; height:249px; background-image:url(https://static.igem.org/mediawiki/2009/3/33/Kom4b.png); left:299px; top:0px;"></div>
 +
<img src="https://static.igem.org/mediawiki/2009/6/67/Blacknwhite.png" border=0 width="749" height="683" usemap="#komorka" style="position: abslute;"/>
 +
</div>
 +
</html>
-
</style>
 
-
 
-
<dl id="gmap">
 
-
 
-
<dd><a id="kom5" href="https://2009.igem.org/Team:Warsaw/test_komorka"></a></dd>
 
-
<dd><a id="kom3" href="https://2009.igem.org/Team:Warsaw/test_komorka"></a></dd>
 
-
<dd><a id="kom1" href="https://2009.igem.org/Team:Warsaw/test_komorka"></a></dd>
 
-
<dd><a id="kom2" href="https://2009.igem.org/Team:Warsaw/test_komorka"></a></dd>
 
-
<dd><a id="kom4" href="https://2009.igem.org/Team:Warsaw/test_komorka"></a></dd>
 
-
<dd><a id="kom6" href="https://2009.igem.org/Team:Warsaw/test_komorka"></a></dd>
 
-
<dd><a id="kom7" href="https://2009.igem.org/Team:Warsaw/test_komorka"></a></dd>
 
-
<dd><a id="kom8" href="https://2009.igem.org/Team:Warsaw/test_komorka"></a></dd>
 
-
</dl>
 
-
 
-
 
-
</html>
 
{{WarFoot1}}
{{WarFoot1}}

Revision as of 00:07, 16 September 2009


test tessss