"
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
