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

Ex1-6.3 finis

Browse Source
This commit is contained in:
JunkJumper 2020-01-29 17:41:48 +01:00
parent 4cc825ccda
commit de7d7be132
3 changed files with 110 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
TD1/README.MD
View File

@ -57,9 +57,9 @@ Oui, chaque navigateur a sa propre méthode de rendu.
## La propriété document.lastModified ## La propriété document.lastModified
> Comment modifier votre code pour qu’il permette de sélectionner le 1 er auteur de la liste ?
J'ai mis la balise auteur en premier.

4
TD1/index.html
View File

@ -2,13 +2,13 @@
<html> <html>
<head> <head>
<meta name='author' content="JunkJumper" />
<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="description" content="Page TD1 M413" />
<meta name="keywords" content="JavaScript, TD1" /> <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>
@ -46,7 +46,7 @@
<div> <div>
<p id="2">Luna <span>est drôle</span> bien qu'elle dise le contraire.</p> <p id="2">Luna <span>est drôle</span> bien qu'elle dise le contraire.</p>
</div> </div>
<button type="button" onclick="invertText()">Boop !</button> <button type="button" onclick="invertText()">Boop !</button><br /><br />
<div id="date_modif"></div> <div id="date_modif"></div>
</body> </body>

110
TD1/js/main.js
View File

@ -8,6 +8,7 @@ function init() {
//defTitre2(); //defTitre2();
//defTitre3(); //defTitre3();
defTitre4(); defTitre4();
datemodif();
} }
@ -60,11 +61,110 @@ function defTitre4() { /**Cette méthode permet de forcer letitre de la page ave
function invertText() { /**Cette fonction inverses deux lignes entre elles **/ function invertText() { /**Cette fonction inverses deux lignes entre elles **/
var buffer; var buffer;
var un = document.getElementById("1"); var un = document.getElementById("1"); //C'est la première ligne que l'on veux inverser
var deux = document.getElementById("2"); var deux = document.getElementById("2"); // C'est la deuxième ligne que l'on veut inverser
buffer = un.innerText; buffer = un.innerText; //on garde en mémoire la ligne 1
un.innerText = deux.innerText; un.innerText = deux.innerText; //on affecte le contenu de la ligne 2 à la ligne 1
deux.innerText = buffer; deux.innerText = buffer; //on affecte le contenu de la ligne 1 à la ligne 2 via ce que l'on a stocké dans le buffer
}
function datemodif() {
var now = new Date();
var dN = now.getDay(); //dN for Day Name
var d = now.getDate(); //d for Day
var m = now.getMonth(); //m for Month
var y = now.getFullYear(); // y for Year
var laDate = d2S(dN) + " " + d + " " + m2S(m) + " " + y; //on concatène le String au complet.
var lastauthor = document.getElementsByTagName("meta"); //on va chercher les eta et on gardera que le dernier
var setModifSentence = ""; //on initialise la variable
var div2change = document.getElementById("date_modif"); //la balise div vide en fin de page.
if (lastauthor != null) {
setModifSentence = setModifSentence + "Document modifié le " + laDate + " par " + lastauthor[0].content; // on botient la phrase finale
}
div2change.innerText = setModifSentence;
console.log(setModifSentence); //on affiche la date au complet
}
function d2S(d) { //renvoi le nom du jour au lieu du chiffre
switch (d) {
case 0:
return "dimanche";
break;
case 1:
return "lundi";
break;
case 2:
return "mardi"
break;
case 3:
return "mercredi"
break;
case 4:
return "jeudi"
break;
case 5:
return "vendredi"
break;
case 6:
return "samedi"
break;
default:
break;
}
}
function m2S(m) { //renvoi le nom du mois au lieu du chiffre
switch (m) {
case 0:
return "janvier";
break;
case 1:
return "février";
break;
case 2:
return "mars"
break;
case 3:
return "avril"
break;
case 4:
return "mai"
break;
case 5:
return "juin"
break;
case 6:
return "juillet"
break;
case 7:
return "août"
break;
case 8:
return "septembre"
break;
case 9:
return "octobre"
break;
case 10:
return "novembre"
break;
case 11:
return "décembre"
break;
default:
break;
}
} }