Difference between revisions of "Team:Tuebingen/Description"
Line 17: | Line 17: | ||
function renderInfobox(mode,num) { | function renderInfobox(mode,num) { | ||
− | |||
− | |||
− | |||
switch (num) { | switch (num) { | ||
case 1: | case 1: | ||
− | if (mode == 'on') document.getElementById('box1').style. | + | if (mode == 'on') document.getElementById('box1').style.display = 'block'; |
− | else if (mode == 'off') document.getElementById('box1').style. | + | else if (mode == 'off') document.getElementById('box1').style.display = 'none'; |
break; | break; | ||
case 2: | case 2: | ||
− | |||
− | |||
− | |||
if (mode == 'on') { | if (mode == 'on') { | ||
− | document.getElementById('box2').style. | + | document.getElementById('box2').style.display = 'block'; |
− | document.getElementById('box3').style. | + | document.getElementById('box3').style.display = 'block'; |
} else if (mode == 'off') { | } else if (mode == 'off') { | ||
− | document.getElementById('box2').style. | + | document.getElementById('box2').style.display = 'none'; |
− | document.getElementById('box3').style. | + | document.getElementById('box3').style.display = 'none'; |
} | } | ||
break; | break; | ||
case 3: | case 3: | ||
if (mode == 'on') { | if (mode == 'on') { | ||
− | document.getElementById('box4').style. | + | document.getElementById('box4').style.display = 'block'; |
− | document.getElementById('box5').style. | + | document.getElementById('box5').style.display = 'block'; |
} else if (mode == 'off') { | } else if (mode == 'off') { | ||
− | document.getElementById('box4').style. | + | document.getElementById('box4').style.display = 'none'; |
− | document.getElementById('box5').style. | + | document.getElementById('box5').style.display = 'none'; |
} | } | ||
break; | break; | ||
case 4: | case 4: | ||
if (mode == 'on') { | if (mode == 'on') { | ||
− | document.getElementById('box6').style. | + | document.getElementById('box6').style.display = 'block'; |
− | document.getElementById('box7').style. | + | document.getElementById('box7').style.display = 'block'; |
} else if (mode == 'off') { | } else if (mode == 'off') { | ||
− | document.getElementById('box6').style. | + | document.getElementById('box6').style.display = 'none'; |
− | document.getElementById('box7').style. | + | document.getElementById('box7').style.display = 'none'; |
} | } | ||
break; | break; | ||
Line 69: | Line 63: | ||
− | <g id="box1" style=" | + | <g id="box1" style="display:none;"> |
<rect x="1000" y="120" rx="20" ry="20" width="800" height="510" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | <rect x="1000" y="120" rx="20" ry="20" width="800" height="510" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | ||
<foreignObject x="1000" y="120" width="800" height="510" > | <foreignObject x="1000" y="120" width="800" height="510" > | ||
Line 77: | Line 71: | ||
</g> | </g> | ||
− | <g id="box2" style=" | + | <g id="box2" style="display:none;"> |
<rect x="10" y="10" rx="20" ry="20" width="1100" height="320" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | <rect x="10" y="10" rx="20" ry="20" width="1100" height="320" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | ||
<foreignObject x="10" y="10" width="1100" height="320" > | <foreignObject x="10" y="10" width="1100" height="320" > | ||
Line 84: | Line 78: | ||
</g> | </g> | ||
− | <g id="box3" style=" | + | <g id="box3" style="display:none;"> |
<rect x="200" y="780" rx="20" ry="20" width="1100" height="300" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | <rect x="200" y="780" rx="20" ry="20" width="1100" height="300" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | ||
<foreignObject x="200" y="780" width="1100" height="300" > | <foreignObject x="200" y="780" width="1100" height="300" > | ||
Line 91: | Line 85: | ||
</g> | </g> | ||
− | <g id="box4" style=" | + | <g id="box4" style="display:none;"> |
<rect x="70" y="70" rx="20" ry="20" width="900" height="270" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | <rect x="70" y="70" rx="20" ry="20" width="900" height="270" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | ||
<foreignObject x="70" y="70" width="900" height="270" > | <foreignObject x="70" y="70" width="900" height="270" > | ||
Line 98: | Line 92: | ||
</g> | </g> | ||
− | <g id="box5" style=" | + | <g id="box5" style="display:none;"> |
<rect x="950" y="700" rx="20" ry="20" width="950" height="340" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | <rect x="950" y="700" rx="20" ry="20" width="950" height="340" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | ||
<foreignObject x="950" y="700" width="950" height="340" > | <foreignObject x="950" y="700" width="950" height="340" > | ||
Line 105: | Line 99: | ||
</g> | </g> | ||
− | <g id="box6" style=" | + | <g id="box6" style="display:none;"> |
<rect x="30" y="400" rx="20" ry="20" width="870" height="300" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | <rect x="30" y="400" rx="20" ry="20" width="870" height="300" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | ||
<foreignObject x="30" y="400" width="870" height="300" > | <foreignObject x="30" y="400" width="870" height="300" > | ||
Line 112: | Line 106: | ||
</g> | </g> | ||
− | <g id="box7" style=" | + | <g id="box7" style="display:none;"> |
<rect x="1000" y="30" rx="20" ry="20" width="900" height="450" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | <rect x="1000" y="30" rx="20" ry="20" width="900" height="450" style="fill:#b3b3b3;stroke:black;stroke-width:5;opacity:0.78" /> | ||
<foreignObject x="1000" y="30" width="900" height="450" > | <foreignObject x="1000" y="30" width="900" height="450" > | ||
Line 123: | Line 117: | ||
<g class="hover_group" opacity="0"> | <g class="hover_group" opacity="0"> | ||
<a xlink:href="http://google.com"> | <a xlink:href="http://google.com"> | ||
− | <polygon onmouseover="renderInfobox('on', | + | <polygon onmouseover="renderInfobox('on',1)" onmouseout="renderInfobox('off',1)" points="0,0 1000,0 1000,330 0,330" style="fill:lime;stroke:purple;stroke-width:1;/> |
</a> | </a> | ||
</g> | </g> |
Revision as of 23:30, 18 September 2015
<
>