This repository has been archived by the owner on Apr 11, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathxml-parser.html
executable file
·126 lines (109 loc) · 5.21 KB
/
xml-parser.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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html>
<head>
<!-- screen formatting -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no" />
<link rel=stylesheet href="css/jquery.calendarPicker.css" type="text/css" media="screen">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
<link rel="apple-touch-startup-image" href="images/landscape.png" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" />
<link rel="apple-touch-startup-image" href="images/portrait.png" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" />
<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
<link type="text/css" href="css/ui-darkness/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
<link rel="stylesheet" href="css/owncss.css"/>
<!--Javascript libraries-->
<script type="text/javascript" src="js/Libraries/jquery-1.7.1.min.js"></script>
<script src="js/Libraries/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript" src="js/Libraries/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript" src="js/Parsers/generatexml.js"></script>
<script type="text/javascript" src="js/Libraries/jquery.calendarPicker.js"></script>
<!--Home Made-->
<script type="text/javascript" src="js/force-orientation.js"></script>
<script type="text/javascript">
window.onorientationchange = detectIPadOrientation;
function detectIPadOrientation () {
if ( orientation == 90 || orientation == -90) {
$('#wrap').hide();
$('#landscape').show();
}
else
{
$('#wrap').show();
$('#landscape').hide();
}
}
</script>
<script type="text/javascript">
function navigate(artist)
{
window.location.href="concert.php?id="+encodeURIComponent(artist);
}
function generatexml(dateText){
$('#container').empty();
var counter=0;
$.ajax({
type: "GET",
url: "data/concerts.xml",
dataType: "xml",
success: function(xml){
$(xml).find("concert").filter(function(){
return $(this).find("date").text().indexOf(dateText) === 0;
}).each(function(){
$('#container').append('<div id="tabel" onclick="navigate('+"'"+$(this).find('artist').text()+"'"+')"><div id="tabelimage"><img src="'+$(this).find('image').text()+'"/></div>'
+'<div id="tabelartist">'+$(this).find('artist').text()+'</div>'
+'<div id="tabellocation">'+$(this).find('location').text()+'</div>'
).trigger('create');
counter++;
})
}
})
}
</script>
<!-- End Declarations -->
<title>kalender</title>
</head>
<body>
<div id="landscape"></div>
<div data-role="page" id="wrap">
<div data-role="header" data-position="fixed">
<h1>Kalender</h1></div>
<div data-role="content">
<div class="banner"><img src="images/banner.jpg"/></div>
<div id="dsel1"></div><br>
<script type="text/javascript">
var calendarPicker1 = $("#dsel1").calendarPicker({
monthNames:["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"],
dayNames: ["Zon", "Ma", "Di", "Woe", "Do", "Vrij", "Zat"],
callbackDelay:500,
days:4,
callback:function(cal) {
var d = cal.currentDate;
var monthcheck = d.getMonth() + 1;
if(monthcheck<10)
{
monthcheck = "0"+monthcheck;
}
var day = d.getDate();
if(day<10){
day = "0"+day;
}
var parsed = day + "/" + monthcheck + "/" + d.getFullYear();
generatexml(parsed);
}
});
</script>
<div id="container"></div>
</div>
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li onclick="window.location.href='index.html'"><a href="">Update!</a></li>
<li onclick="window.location.href='xml-parser.html'"><a href="">Kalender</a></li>
<li onclick="window.location.href='freestuff.html'"><a href="">Free Stuff</a></li>
<li onclick="window.location.href='issues.php'"><a href="">Magazine</a></li>
</div>
</div>
</div>
</body>
</html>