School-DUT-info/M413-Programmation-Web-Client-Riche
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

"Début TD 29-01-20 16h14"

Browse Source
This commit is contained in:
JunkJumper 2020-01-29 16:14:22 +01:00
parent 115c54b5f0
commit 4cc825ccda
2 changed files with 28 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
TD1/index.html
View File

@ -2,10 +2,13 @@
<html> <html>
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8' />
<meta http-equiv='X-UA-Compatible' content='IE=edge'> <meta http-equiv='X-UA-Compatible' content='IE=edge' />
<title>M4103 - Programmation Web Client Riche - TD1</title> <title>M4103 - Programmation Web Client Riche - TD1</title>
<meta name='viewport' content='width=device-width, initial-scale=1'> <meta name='viewport' content='width=device-width, initial-scale=1' />
<meta name="description" content="Page TD1 M413" />
<meta name="keywords" content="JavaScript, TD1" />
<meta name='author' content="JunkJumper" />
<link rel='stylesheet' type='text/css' media='screen' href='./css/main.css'> <link rel='stylesheet' type='text/css' media='screen' href='./css/main.css'>
<script src='./js/main.js'></script> <script src='./js/main.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/TD1" target="_blank">ICI</a></strong> !</p> <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/TD1" target="_blank">ICI</a></strong> !</p>
@ -16,30 +19,35 @@
<div> <div>
<p>Mane 6 : ce sont les six personnages principaux de la série My Little Pony Friendship is Magic</p> <p>Mane 6 : ce sont les six personnages principaux de la série My Little Pony Friendship is Magic</p>
</div> </div>
<h2>Applejack</h2> <h2>Applejack</h2>
<div> <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> <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> </div>
<h3 class="firstOrLast">Rainbow Dash</h3> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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>
<div><p id="2">Luna <span>est drôle</span> bien qu'elle dise le contraire.</p></div> <p id="1">Luna ne <span>fait pas partie</span> du mane 6 mais est très symaptique aussi :D</p>
<button type="button" onclick="invertText()">Boop !</button> </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>
<div id="date_modif"></div>
</body> </body>
</html> </html>

14
TD1/js/main.js
View File

@ -1,4 +1,4 @@
console.log("JavaScript is linked"); console.log("JavaScript is linked"); /**Cette méthode permet de vérifier que Javascript est bien activé **/
@ -11,17 +11,17 @@ function init() {
} }
function sayHello() { function sayHello() { /**Cette méthode permet de vérifier que la console de log est activée. **/
console.log("Hello Everypony !"); console.log("Hello Everypony !");
} }
function defTitre1() { function defTitre1() { /**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("titre").innerText) { if (document.title = document.getElementById("titre").innerText) {
console.log("<title> set : Ok Everypony !"); console.log("<title> set : Ok Everypony !");
} }
} }
function defTitre2() { function defTitre2() { /**Cette méthode permet de forcer letitre de la page avec le contenu de la première balise H2 **/
var firstH2 = document.getElementsByTagName("h2"); var firstH2 = document.getElementsByTagName("h2");
if (firstH2 != null) { if (firstH2 != null) {
document.title = firstH2[0].innerText; document.title = firstH2[0].innerText;
@ -30,7 +30,7 @@ function defTitre2() {
} }
} }
function defTitre3() { function defTitre3() { /**Cette méthode permet de forcer letitre de la page avec le contenu de la dernière balise H2 ou avec le nom de l'auteur si il n'y a pas de balises H2**/
var lastH2 = document.getElementsByTagName("h2"); var lastH2 = document.getElementsByTagName("h2");
if (lastH2 != null) { if (lastH2 != null) {
document.title = lastH2[lastH2.length - 1].innerText; document.title = lastH2[lastH2.length - 1].innerText;
@ -42,7 +42,7 @@ function defTitre3() {
} }
} }
function defTitre4() { function defTitre4() { /**Cette méthode permet de forcer letitre de la page avec le contenu de la dernière balise H3 si il y a un nombre impair de H3, avec la première balise H3 si il y en a un nombre pair ou avec le nom de l'auteur si il n'y a pas de balises H2**/
var choosenH = document.getElementsByClassName("firstOrLast"); var choosenH = document.getElementsByClassName("firstOrLast");
if (choosenH != null) { if (choosenH != null) {
if (choosenH.length % 2 == 0) { if (choosenH.length % 2 == 0) {
@ -58,7 +58,7 @@ function defTitre4() {
} }
} }
function invertText() { function invertText() { /**Cette fonction inverses deux lignes entre elles **/
var buffer; var buffer;
var un = document.getElementById("1"); var un = document.getElementById("1");
var deux = document.getElementById("2"); var deux = document.getElementById("2");