/
feeds.html
44 lines (40 loc) · 1.67 KB
/
feeds.html
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
32
33
34
35
36
37
38
39
40
41
42
43
44
<h3><span class="glyphicon glyphicon-bullhorn"></span> Feeds</h3>
<ul class="nav nav-pills" role="tablist" id="feed_menu">
<li class="item"><a id="postillon_btn">Postillon News</a></li>
<li class="item"><a id="extra3_btn">Extra3</a></li>
<li class="item"><a id="9gag_btn">9gag</a></li>
<li class="item"><a id="ebb_btn">Eisbären Berlin</a></li>
<li class="item"><a id="tagesschau_btn">Tagesschau.de</a></li>
</ul>
<!-- container which is used for the Feed contents -->
<div id="FeedView"></div>
<!-- // Start: Button Click functions -->
<script>
$('#postillon_btn').click(function () {
$( '#FeedView' ).load( 'postillon.html' );
});
$('#extra3_btn').click(function () {
$( '#FeedView' ).load( 'extra3.html' );
});
$('#9gag_btn').click(function () {
$( '#FeedView' ).load( '9gag.html' );
});
$('#ebb_btn').click(function () {
$( '#FeedView' ).load( 'eisbaeren.html' );
});
$('#tagesschau_btn').click(function () {
$( '#FeedView' ).load( 'tagesschau.html' );
});
$('#feed_menu .item').click(function(evt) {
evt.stopPropagation(); //stops the document click action
$(this).siblings().removeClass('active');
$(this).toggleClass('active');
});
</script>
<!-- // End: Button Click functions -->
<!-- Feeds (must be loaded after jQuery -->
<script type="text/javascript" src="js/postillonFeed.js"></script>
<script type="text/javascript" src="js/extra3Feed.js"></script>
<script type="text/javascript" src="js/gagFeed.js"></script>
<script type="text/javascript" src="js/eisbaerenFeed.js"></script>
<script type="text/javascript" src="js/tagesschauFeed.js"></script>