Team:Gothenburg/Calendar
From 2014.igem.org
(Difference between revisions)
(andreas bugfixing) |
(andreas bugfixing) |
||
Line 1,450: | Line 1,450: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | var box=$("#contentDialog"); | + | var box = $( "#contentDialog" ); |
+ | /*hide popup*/ | ||
+ | $(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) { /*pass parameter with quotes like '2014-06-28'*/ | ||
+ | |||
+ | var selectedContent = $( "#" + dateId + ">span").html(); | ||
+ | |||
+ | box.html( selectedContent ); | ||
+ | box.attr('title', dateId); | ||
+ | box.fadeIn(); | ||
+ | |||
+ | } | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 15:13, 7 August 2014
26
|
27
|
28
|
29
|
30
|
31
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
30
|
1
|
2
|
3
|
4
|
5
|
6
|
30
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
30
|
31
|
1
|
2
|
3
|
28
|
29
|
30
|
31
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
30
|
31
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
30
|
1
|
2
|
3
|
4
|
5
|