-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
65 lines (61 loc) · 3.26 KB
/
index.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="img/favicon.ico" />
<title>ROF : les RSS de Ouest-France</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="wrap">
<div class="jumbotron">
<div class="container">
<h1><img src="img/rss-icon.png" style="padding-right:10px; vertical-align:baseline;"/>Ouest-France</h1>
<p>Le site <a href="http://ouest-france.fr">Ouest-France</a> ne propose plus de lien RSS par commune. Avec ce site, vous pouvez retrouver cette fonctionnalité et suivre vos informations locales. Pour cela, tapez le nom de votre commune, un lien vers le RSS apparaîtra.</p>
</div>
</div>
<div class="container">
<label for="city">Entrez votre ville: </label>
<div class="input-group">
<span class="glyphicon glyphicon-map-marker input-group-addon"></span>
<input type="text" placeholder="Ville ou code postal" id="city" class="form-control">
</div>
<span id="results"></span>
</div>
</div>
<div id="footer">
<p class="text-muted"><small>Ce site n'a aucun lien avec <a href="http://www.ouest-france.fr/qui-sommes-nous">Ouest-France</a>. Il est mis à disposition sans garantie. Le <a href="https://github.com/flyinva/rof">code source</a> est disponible sous licence <a href="http://www.wtfpl.net/txt/copying/">WTFPL</a>. Auteur : Sylvain <a href="mailto:[email protected]"><img src="img/mail.png" alt="mail" height="20" width="28"></a><a href="https://twitter.com/flyinva"><img alt="logo twitter" src="img/twitter-logo.png" width="20" height="20"></a></small></p>
</div>
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
var input = $('#city');
input.autocomplete({
source: function (request, response) {
$.ajax({
url: '/search/' + encodeURIComponent(request.term),
dataType: 'json',
success: function (data) {
response($.map(data.localisations, function (item) {
return {
label: item.libelle,
url: item.url
};
}));
}
});
},
autoFocus: true,
minLength: 3,
select: function( event, ui ) {
var feedUrl = ui.item.url.replace(/#resultat-recherche/, '');
document.getElementById('results').innerHTML = '<img src="img/rss-icon.png" alt="RSS Icon" width="20", height="20"> <a href="' + feedUrl + '">Lien RSS</a>'
;}
});
</script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</body>
</html>