"
Team:Gothenburg/Calendar
From 2014.igem.org
(Difference between revisions)
(More fixing) |
(andreas bugfixing) |
||
| Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
{{Team:Gothenburg/UpperTemplate}} | {{Team:Gothenburg/UpperTemplate}} | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
<style type="text/css"> | <style type="text/css"> | ||
| Line 19: | Line 13: | ||
margin-right: auto; | margin-right: auto; | ||
} | } | ||
| - | |||
| - | |||
#calendar>table { | #calendar>table { | ||
| Line 45: | Line 37: | ||
margin-left: 1em; | margin-left: 1em; | ||
} | } | ||
| - | |||
| - | |||
#contentDialog { | #contentDialog { | ||
| Line 66: | Line 56: | ||
overflow: auto; | overflow: auto; | ||
} | } | ||
| - | |||
| - | |||
| - | |||
| - | |||
.hidden { | .hidden { | ||
| Line 77: | Line 63: | ||
</style> | </style> | ||
| - | |||
| - | |||
| - | |||
| - | |||
<article id="contentDialog" title="Content"> | <article id="contentDialog" title="Content"> | ||
| Line 1,461: | Line 1,443: | ||
</section> | </section> | ||
| - | |||
| - | |||
| - | |||
| - | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
var box = $( "#contentDialog" ); | var box = $( "#contentDialog" ); | ||
| - | + | ||
$(document).on('click', function(event) { | $(document).on('click', function(event) { | ||
| Line 1,487: | Line 1,465: | ||
| - | function showContentOf(dateId) { | + | function showContentOf(dateId) { |
var selectedContent = $( "#" + dateId + ">span").html(); | var selectedContent = $( "#" + dateId + ">span").html(); | ||
| Line 1,498: | Line 1,476: | ||
</script> | </script> | ||
| - | |||
| - | |||
| - | |||
Revision as of 14:33, 7 August 2014
|
|
|
<style type="text/css">
h1.firstHeading {
display: none;
}
#content { width: 960px;
margin-left: auto;
margin-right: auto;
}
#calendar>table { margin: 2em; border-spacing: 10px; border-collapse: separate; }
.date { background-color: #f4f4f4; border: 1px solid Black; cursor: pointer; padding: 0; }
.date>h1 { float: right; font-size: 1em; margin: 0;
color: #4444ee;
}
.date>ul {
margin-left: 1em;
}
#contentDialog {
min-height: 100px;
width: 500px;
background-color: white;
border: 2px solid green;
margin: 2em;
display: none;
position: fixed;
top: 5%;
left: 25%;
width: 50%;
height: 75%;
padding: 16px;
border: 16px solid #ED6D22;
background-color: white;
z-index:1002;
overflow: auto;
}
.hidden {
display: none !important;
visibility: hidden;
}
</style>
<article id="contentDialog" title="Content">
Click a date with posts to show the content, or click outside this box to close it!
</article>
<section id="calendar">
26
This is where all the information goes!
|
27
This is where all the information goes!
|
28
This is where all the information goes!
|
29
This is where all the information goes!
|
30
This is where all the information goes!
|
31
This is where all the information goes!
|
1
This is where all the information goes!
|
2
This is where all the information goes 2!
|
3
This is where all the information goes!
|
4
This is where all the information goes!
|
5
This is where all the information goes!
|
6
This is where all the information goes!
|
7
This is where all the information goes!
|
8
This is where all the information goes!
|
9
This is where all the information goes 2!
|
10
This is where all the information goes!
|
11
This is where all the information goes!
|
12
This is where all the information goes!
|
13
This is where all the information goes!
|
14
This is where all the information goes!
|
15
This is where all the information goes!
|
16
This is where all the information goes 2!
|
17
This is where all the information goes!
|
18
This is where all the information goes!
|
19
This is where all the information goes!
|
20
This is where all the information goes!
|
21
This is where all the information goes!
|
22
This is where all the information goes!
|
23
This is where all the information goes 2!
|
24
This is where all the information goes!
|
25
This is where all the information goes!
|
26
This is where all the information goes!
|
27
This is where all the information goes!
|
28
This is where all the information goes!
|
29
This is where all the information goes!
|
30
This is where all the information goes!
|
1
This is where all the information goes!
|
2
This is where all the information goes!
|
3
This is where all the information goes!
|
4
This is where all the information goes!
|
5
This is where all the information goes!
|
6
This is where all the information goes!
|
30
This is where all the information goes!
|
1
This is where all the information goes!
|
2
This is where all the information goes!
|
3
This is where all the information goes!
|
4
This is where all the information goes!
|
5
This is where all the information goes!
|
6
This is where all the information goes!
|
7
This is where all the information goes!
|
8
This is where all the information goes!
|
9
This is where all the information goes!
|
10
This is where all the information goes!
|
11
This is where all the information goes!
|
12
This is where all the information goes!
|
13
This is where all the information goes!
|
14
This is where all the information goes!
|
15
This is where all the information goes!
|
16
This is where all the information goes!
|
17
This is where all the information goes!
|
18
This is where all the information goes!
|
19
This is where all the information goes!
|
20
This is where all the information goes!
|
21
This is where all the information goes!
|
22
This is where all the information goes!
|
23
This is where all the information goes!
|
24
This is where all the information goes!
|
25
This is where all the information goes!
|
26
This is where all the information goes!
|
27
This is where all the information goes!
|
28
This is where all the information goes!
|
29
This is where all the information goes!
|
30
This is where all the information goes!
|
31
This is where all the information goes!
|
1
This is where all the information goes!
|
2
This is where all the information goes!
|
3
This is where all the information goes!
|
28
This is where all the information goes!
|
29
This is where all the information goes!
|
30
This is where all the information goes!
|
31
This is where all the information goes!
|
1
This is where all the information goes!
|
2
This is where all the information goes!
|
3
This is where all the information goes!
|
4
This is where all the information goes!
|
5
This is where all the information goes!
|
6
This is where all the information goes!
|
7
This is where all the information goes!
|
8
This is where all the information goes!
|
9
This is where all the information goes!
|
10
This is where all the information goes!
|
11
This is where all the information goes!
|
12
This is where all the information goes!
|
13
This is where all the information goes!
|
14
This is where all the information goes!
|
15
This is where all the information goes!
|
16
This is where all the information goes!
|
17
This is where all the information goes!
|
18
This is where all the information goes!
|
19
This is where all the information goes!
|
20
This is where all the information goes!
|
21
This is where all the information goes!
|
22
This is where all the information goes!
|
23
This is where all the information goes!
|
24
This is where all the information goes!
|
25
This is where all the information goes!
|
26
This is where all the information goes!
|
27
This is where all the information goes!
|
28
This is where all the information goes!
|
29
This is where all the information goes!
|
30
This is where all the information goes!
|
31
This is where all the information goes!
|
1
This is where all the information goes!
|
2
This is where all the information goes!
|
3
This is where all the information goes!
|
4
This is where all the information goes!
|
5
This is where all the information goes!
|
6
This is where all the information goes!
|
7
This is where all the information goes!
|
8
This is where all the information goes!
|
9
This is where all the information goes!
|
10
This is where all the information goes!
|
11
This is where all the information goes!
|
12
This is where all the information goes!
|
13
This is where all the information goes!
|
14
This is where all the information goes!
|
15
This is where all the information goes!
|
16
This is where all the information goes!
|
17
This is where all the information goes!
|
18
This is where all the information goes!
|
19
This is where all the information goes!
|
20
This is where all the information goes!
|
21
This is where all the information goes!
|
22
This is where all the information goes!
|
23
This is where all the information goes!
|
24
This is where all the information goes!
|
25
This is where all the information goes!
|
26
This is where all the information goes!
|
27
This is where all the information goes!
|
28
This is where all the information goes!
|
29
This is where all the information goes!
|
30
This is where all the information goes!
|
1
This is where all the information goes!
|
2
This is where all the information goes!
|
3
This is where all the information goes!
|
4
This is where all the information goes!
|
5
This is where all the information goes!
|
</section>
<script type="text/javascript">
var box = $( "#contentDialog" );
$(document).on('click', function(event) {
if (!$(event.target).closest('.date').length &&
!$(event.target).closest('#contentDialog').length &&
!$(event.target).closest('#closeContentDialog').length) {
box.fadeOut();
}
});
$( ".date" ).click(function() {
showContentOf(this.id);
});
function showContentOf(dateId) {
var selectedContent = $( "#" + dateId + ">span").html();
box.html( selectedContent );
box.attr('title', dateId);
box.fadeIn();
}
</script>
