Team:Oxford/Events
From 2014.igem.org
(Difference between revisions)
Line 31: | Line 31: | ||
</style> | </style> | ||
<script> | <script> | ||
+ | var contentIds = ['royal_society', 'synthetic_biology', 'activity', 'workshop', 'uniq', 'sheffield', 'ysb']; | ||
+ | |||
function hideModal() { | function hideModal() { | ||
document.getElementById("modal").style.display = "none"; | document.getElementById("modal").style.display = "none"; | ||
+ | for(var id : contentIds) | ||
+ | document.getElementById("modal").style.display = "none"; | ||
+ | |||
+ | } | ||
+ | |||
+ | function displayModal(content) { | ||
+ | document.getElementById("modal").style.display = "block"; | ||
+ | document.getElementById(content).style.display = "inline"; | ||
} | } | ||
</script> | </script> | ||
Line 52: | Line 62: | ||
<div class="row image-row row-1"> | <div class="row image-row row-1"> | ||
- | <img src="https://static.igem.org/mediawiki/2014/6/67/Oxford_Rs_photo_from_biochem_website.jpg" /> | + | <img src="https://static.igem.org/mediawiki/2014/6/67/Oxford_Rs_photo_from_biochem_website.jpg" onclick="displayModal('royal_society');"/> |
- | <img src="https://static.igem.org/mediawiki/2014/8/8c/Oxford_Meet_up_38.jpg" /> | + | <img src="https://static.igem.org/mediawiki/2014/8/8c/Oxford_Meet_up_38.jpg" onclick="displayModal('synthetic_biology');"/> |
</div> | </div> | ||
Line 59: | Line 69: | ||
<div class="row image-row row-2"> | <div class="row image-row row-2"> | ||
- | <img src="https://static.igem.org/mediawiki/2014/0/02/Oxford_DNA_Demonstrator_day.jpg" /> | + | <img src="https://static.igem.org/mediawiki/2014/0/02/Oxford_DNA_Demonstrator_day.jpg" onclick="displayModal('workshop');"/> |
- | <img src="https://static.igem.org/mediawiki/2014/8/81/Oxford_Drop-in_Table_1.jpg" /> | + | <img src="https://static.igem.org/mediawiki/2014/8/81/Oxford_Drop-in_Table_1.jpg" onclick="displayModal('activity');"/> |
- | <img src="https://static.igem.org/mediawiki/2014/2/20/Oxford_Uniq_cropped.png" /> | + | <img src="https://static.igem.org/mediawiki/2014/2/20/Oxford_Uniq_cropped.png" onclick="displayModal('uniq');"/> |
</div> | </div> | ||
Line 67: | Line 77: | ||
<div class="row image-row row-3"> | <div class="row image-row row-3"> | ||
- | <img src="https://static.igem.org/mediawiki/2014/5/5d/Oxford_Sheffield_group_photo.jpg" /> | + | <img src="https://static.igem.org/mediawiki/2014/5/5d/Oxford_Sheffield_group_photo.jpg" onclick="displayModal('sheffield');"/> |
- | <img src="https://static.igem.org/mediawiki/2014/a/a8/Oxford_Ysb_2.0.jpg" /> | + | <img src="https://static.igem.org/mediawiki/2014/a/a8/Oxford_Ysb_2.0.jpg" onclick="displayModal('ysb');"/> |
</div> | </div> | ||
Line 74: | Line 84: | ||
<div id="modal" onClick="hideModal()" style="background-color: rgba(0,0,0,0.7);z-index:11; position: fixed; top:0; left: 0; right: 0; bottom: 0;min-width:980px;"> | <div id="modal" onClick="hideModal()" style="background-color: rgba(0,0,0,0.7);z-index:11; position: fixed; top:0; left: 0; right: 0; bottom: 0;min-width:980px;"> | ||
- | <div style="width:60%;height:450px;background-color:#FAFAFA;position:absolute;left:22%;border-top-right-radius:15px;border-bottom-left-radius:25px;margin-top:8%;overflow-y: scroll; padding:10px"> | + | <div style="width:60%;height:450px;background-color:#FAFAFA;position:absolute;left:22%;border-top-right-radius:15px;border-bottom-left-radius:25px;margin-top:8%;overflow-y: scroll; padding:10px; display: none;"> |
- | + | <div id='royal_society' style="display:none;">Royal Society</div> | |
+ | <div id='synthetic_biology' style="display:none;">Synthetic Biology</div> | ||
+ | <div id='activity' style="display:none;">Activity</div> | ||
+ | <div id='workshop' style="display:none;">Workshop</div> | ||
+ | <div id='uniq' style="display:none;">UNIQ</div> | ||
+ | <div id='sheffield' style="display:none;">Sheffield</div> | ||
+ | <div id='ysb' style="display:none;">YSB</div> | ||
</div> | </div> |
Revision as of 21:16, 13 October 2014
![](https://static.igem.org/mediawiki/2014/e/ec/OxigemsidebarBlue.png)
![](https://static.igem.org/mediawiki/2014/a/a5/OxigemDotsDCMation.png)
![](https://static.igem.org/mediawiki/2014/0/06/OxigemDotsinterlab.png)
![](https://static.igem.org/mediawiki/2014/e/ee/OxigemDotsP%26P.png)
![](https://static.igem.org/mediawiki/2014/c/ca/OxigemDotsTeam.png)
![](https://static.igem.org/mediawiki/2014/f/f5/OxigemDotsModelling.png)
![](https://static.igem.org/mediawiki/2014/8/87/OxigemDotsAchievements.png)
![](https://static.igem.org/mediawiki/2014/7/7b/OxigemDotsiGEMcomm.png)
![](https://static.igem.org/mediawiki/2014/0/0e/OxigemDotsSafety.png)
![](https://static.igem.org/mediawiki/2014/a/a4/Oxigemsidebarlogo.png)
![](https://static.igem.org/mediawiki/2014/3/37/OxigemDotModelling.png)
![](https://static.igem.org/mediawiki/2014/0/05/OxigemDotAchievements.png)
![](https://static.igem.org/mediawiki/2014/7/77/OxigemDotiGEMcomm.png)
![](https://static.igem.org/mediawiki/2014/2/27/OxigemDotSafety.png)
![](https://static.igem.org/mediawiki/2014/e/e7/OxigemDotDCMation.png)
![](https://static.igem.org/mediawiki/2014/9/94/OxigemDotInterlab.png)
![](https://static.igem.org/mediawiki/2014/1/19/OxigemDotP%26P.png)
![](https://static.igem.org/mediawiki/2014/c/cc/OxigemDotTeam.png)
![](https://static.igem.org/mediawiki/2014/e/e0/OxigemSidebarModelling.png)
![](https://static.igem.org/mediawiki/2014/4/4a/OxigemSidebarAchievements.png)
![](https://static.igem.org/mediawiki/2014/8/83/OxigemSidebariGEMcomm.png)
![](https://static.igem.org/mediawiki/2014/3/3d/OxigemSidebarSafety.png)
![](https://static.igem.org/mediawiki/2014/1/18/OxigemSidebarDCMation.png)
![](https://static.igem.org/mediawiki/2014/e/e2/OxigemSidebarInterlab.png)
![](https://static.igem.org/mediawiki/2014/7/7b/OxigemSidebarP%26P.png)
![](https://static.igem.org/mediawiki/2014/3/3b/OxigemSidebarTeam.png)
![](https://static.igem.org/mediawiki/2014/1/1d/OxigemArrowleft.png)