Team:UNIK Copenhagen/Signe tabs
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
- | <html> | + | |
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
Line 30: | Line 29: | ||
padding-left: 10px; | padding-left: 10px; | ||
background: #f6f6f6; | background: #f6f6f6; | ||
- | z-index: | + | z-index: 9999; |
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
border-bottom: 0px; | border-bottom: 0px; | ||
Line 54: | Line 53: | ||
position: relative; | position: relative; | ||
top: 20px; | top: 20px; | ||
- | z-index: | + | z-index: 5; |
height: 150px; | height: 150px; | ||
overflow: hidden; | overflow: hidden; | ||
Line 62: | Line 61: | ||
</style> | </style> | ||
- | <script type= | + | <script type="text/javascript"> |
function tab(tab) { | function tab(tab) { | ||
- | document.getElementById( | + | document.getElementById('tab1').style.display = 'none'; |
- | document.getElementById( | + | document.getElementById('tab2').style.display = 'none'; |
- | document.getElementById( | + | document.getElementById('li_tab1').setAttribute("class", ""); |
- | document.getElementById( | + | document.getElementById('li_tab2').setAttribute("class", ""); |
- | document.getElementById(tab).style.display = | + | document.getElementById(tab).style.display = 'block'; |
- | document.getElementById( | + | document.getElementById('li_'+tab).setAttribute("class", "active"); |
} | } | ||
</script> | </script> | ||
Line 76: | Line 75: | ||
<body> | <body> | ||
- | + | ||
<div id="tabs"> | <div id="tabs"> | ||
<ul> | <ul> | ||
Line 88: | Line 87: | ||
<div id="tab2" style="display: none;"> | <div id="tab2" style="display: none;"> | ||
- | <p>This is the text for tab 2 | + | <p>This is the text for tab 2.</p> |
- | + | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 16:02, 13 August 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">