defineTitle1 ok
@ -1,3 +0,0 @@
|
|||||||
h1, h2, ul {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
BIN
2020-2021/TD1/M413-TD1-v1.7.pdf
Normal file
1
2020-2021/TD1/README.md
Normal file
@ -0,0 +1 @@
|
|||||||
|
# M413 - TD1 : Réponses aux Questions
|
||||||
BIN
2020-2021/TD1/assets/favicon.ico
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
2020-2021/TD1/assets/images/0.gif
Normal file
|
After Width: | Height: | Size: 999 B |
BIN
2020-2021/TD1/assets/images/1.gif
Normal file
|
After Width: | Height: | Size: 936 B |
BIN
2020-2021/TD1/assets/images/2.gif
Normal file
|
After Width: | Height: | Size: 996 B |
BIN
2020-2021/TD1/assets/images/3.gif
Normal file
|
After Width: | Height: | Size: 1005 B |
BIN
2020-2021/TD1/assets/images/4.gif
Normal file
|
After Width: | Height: | Size: 979 B |
BIN
2020-2021/TD1/assets/images/5.gif
Normal file
|
After Width: | Height: | Size: 1002 B |
BIN
2020-2021/TD1/assets/images/6.gif
Normal file
|
After Width: | Height: | Size: 1011 B |
BIN
2020-2021/TD1/assets/images/7.gif
Normal file
|
After Width: | Height: | Size: 962 B |
BIN
2020-2021/TD1/assets/images/8.gif
Normal file
|
After Width: | Height: | Size: 1012 B |
BIN
2020-2021/TD1/assets/images/9.gif
Normal file
|
After Width: | Height: | Size: 1020 B |
BIN
2020-2021/TD1/assets/images/minus.gif
Normal file
|
After Width: | Height: | Size: 851 B |
BIN
2020-2021/TD1/assets/images/plus.gif
Normal file
|
After Width: | Height: | Size: 856 B |
7
2020-2021/TD1/css/td1.css
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
.firstOrLast {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #090;
|
||||||
|
}
|
||||||
56
2020-2021/TD1/index.html
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta name='author' content="JunkJumper" />
|
||||||
|
<meta charset='utf-8' />
|
||||||
|
<meta http-equiv='X-UA-Compatible' content='IE=edge' />
|
||||||
|
<title>M4103 - Programmation Web Client Riche - TD1</title>
|
||||||
|
<meta name='viewport' content='width=device-width, initial-scale=1' />
|
||||||
|
<meta name="description" content="Page TD1 M413" />
|
||||||
|
<meta name="keywords" content="JavaScript, TD1" />
|
||||||
|
<link rel='stylesheet' type='text/css' media='screen' href='./css/td1.css'>
|
||||||
|
<script src='./js/td1.js'></script>
|
||||||
|
<p>Comme pour tous les autres td, les réponses aux questions sont disponibles <strong><a href="https://github.com/JunkJumper/M4103-Programmation-Web-Client-Riche/tree/master/2019-2020/TD1" target="_blank">ICI</a></strong> !</p>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body onload="onLoad();">
|
||||||
|
<h1 id="title" class="firstOrLast">Exercice <span>1</span></h1>
|
||||||
|
<div>
|
||||||
|
<p>Mane 6 : ce sont les six personnages principaux de la série My Little Pony Friendship is Magic</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2>Applejack</h2>
|
||||||
|
<div>
|
||||||
|
<p<>Poney terrestre de nature <strong>honnête et travailleuse</strong> elle travaille dans la « Sweet Apple Acres » avec le reste de la famille Apple.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3 class="firstOrLast">Rainbow Dash</h3>
|
||||||
|
<p>Pégase de nature fière et sportive, elle est en charge de la gestion de la météo de Ponyville.</p>
|
||||||
|
|
||||||
|
<h2 class="firstOrLast">Twilight Sparkle</h2>
|
||||||
|
<p>Licorne de nature intellectuelle et réfléchie, elle est l’élève de la Princesse Celestia. Elle est chargée d’apprendre le plus possible en ce qui concerne l’amitié.</p>
|
||||||
|
|
||||||
|
<h3>Rarity</h3>
|
||||||
|
<p>Licorne de nature généreuse, elle travaille à la fois comme créatrice de mode et comme couturière dans sa propre boutique de Ponyville, la Boutique Carrousel.</p>
|
||||||
|
|
||||||
|
<h3>Fluttershy</h3>
|
||||||
|
<p>Pégase de nature timide et réservée, elle s’occupe des animaux dans son chalet qui lui sert également de résidence principale.</p>
|
||||||
|
|
||||||
|
<h3>Pinkie Pie</h3>
|
||||||
|
<p>Poney terrestre de nature joyeuse et souriante qui adore faire la fête, elle travaille au Sugar Cube Corner en préparant des gâteaux pour les habitants de Ponyville.</p>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<p id="1">Luna ne <span>fait pas partie</span> du mane 6 mais est très symaptique aussi :D</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p id="2">Luna <span>est drôle</span> bien qu'elle dise le contraire.</p>
|
||||||
|
</div>
|
||||||
|
<button type="button" onclick="invertText()">Boop !</button><br /><br />
|
||||||
|
|
||||||
|
<div id="date_modif"></div>
|
||||||
|
<p onClick="majNbJours()">Il reste
|
||||||
|
<strong id="deadline">X</strong> jours avant le 19 juillet 2020 (un jour normal à Équestria).</p>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
26
2020-2021/TD1/js/td1.js
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
// M413 - TD1
|
||||||
|
let message = 'JavaScript is ok :)';
|
||||||
|
// alert( message);
|
||||||
|
console.log(message);
|
||||||
|
|
||||||
|
function onLoad() {
|
||||||
|
console.log('In onLoad() function…');
|
||||||
|
sayHello();
|
||||||
|
defineHeading1();
|
||||||
|
//defineHeading2();
|
||||||
|
//defineHeading3();
|
||||||
|
//defineHeading4();
|
||||||
|
// Your JavaScript code goes here !
|
||||||
|
}
|
||||||
|
|
||||||
|
function sayHello() { /**Cette méthode permet de vérifier que la console de log est activée. **/
|
||||||
|
console.log("Hello Everypony !");
|
||||||
|
}
|
||||||
|
|
||||||
|
function defineHeading1() { /**Cette méthode permet de forcer letitre de la page avec le contenu de la balise dont l'id est titre **/
|
||||||
|
if (document.title = document.getElementById("title").innerText) {
|
||||||
|
console.log("<title> set as : 'Exercice 1' !");
|
||||||
|
}
|
||||||
|
}
|
||||||