-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (45 loc) · 2.17 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
<!DOCTYPE HTML>
<html>
<head>
<meta Content-Type:text/html charset="utf-8">
<title>Des faits à propos de Chuck Norris</title>
<link rel="stylesheet" href="style.css" type="text/css">
<!-- <script type="text/javascript" src="script.js"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<div id="titre">
<h1>Plein de choses extraordinaires que vous ne savez pas à propos de <br><span id="chuck">Chuck Norris</span></h1>
</div>
<div id="conteneur">
<button class="bouton" id="getMessage">Je veux savoir!</button>
<!-- <button id="tweet">Je veux que le monde entier le sache</button>-->
<a class="bouton" id="gaz" title="tweet ça!" target="_blank">Je veux que le monde entier le sache</a>
<div id="citation">
<p id="mots">"C'est l'endroit où sera la citation."</p>
</div>
</div>
<script>
$(document).ready(function() {
$("#getMessage").on("click", function(){
var x = Math.floor((Math.random()) * 30);
$.getJSON("http://chucknorrisfacts.fr/api/get?data=tri:alea;nb:30", function(json) {
$("#mots").html(json[x].fact);
//OK... So, la fonction decodeHTML est nécessaire parce que, pour une raison que je ne pourrais pas expliquer, json[x].fact est encodé http quand je le transmet à Twitter (alors qu'il est parfaitement fine quand je le passe dans ma page... Anyway. Probablement parce que justement, je recevais le fact de cnf.fr en http et que safari traduisait les accents automatiqment, de sorte que je ne les voyais jamais.)
function decodeHtml(html) {
var txt = document.createElement("textarea");
txt.innerHTML = html;
return txt.value;
}
$("#gaz").attr("href", "https://twitter.com/intent/tweet?text=" + encodeURIComponent(decodeHtml(json[x].fact)));
});
});
});
</script>
<!--
<script>
$('#tweet-quote').attr('href', 'https://twitter.com/intent/tweet?hashtags=quotes&related=freecodecamp&text=' + encodeURIComponent(json[x].fact));
</script>
-->
</body>
</html>