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

"debut td2"

Browse Source
This commit is contained in:
JunkJumper 2020-02-04 16:41:20 +01:00
parent 76210942d0
commit a30007ab8b
6 changed files with 89 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
TD1/README.MD
View File

@ -1,8 +1,10 @@
# Exercice 1
# Programmation Web – client riche - TD1
## La propriété document.title
## Exercice 1
### defTitre1()
### La propriété document.title
#### defTitre1()
> Quel sera l’évènement qui déclenchera l’appelle de votre fonction ?
@ -16,19 +18,19 @@ J'ai utilisé la méthode ``document.getElementById()`` pour récupérer le titr
J'ai utilisé le ``innerText`` de l'objet.
### defTitre2()
#### defTitre2()
> Quelle(s) méthode(s) avez-vous utilisée pour récupérer l’objet représentant votre balise h2 ?
J'ai utilisé ``document.getElementsByTagName`` que j'ai affecté à une variable nommée ``firstH2``. Puis je l'ai utilisée avec son attribut ``innerText``.
### defTitre3()
#### defTitre3()
> Comment faire pour connaitre le nombre de balise h2 du document ?
On utilise la propriété ``.lenght`` pour connaitre le nombre de balises h2 du document.
### defTitre4()
#### defTitre4()
> Quelle méthode avez-vous utilisée pour récupérer l’objet de votre classe ?
@ -42,9 +44,9 @@ La page ne s'affiche pas
Avec un modulo 2.
## Les propriétés innerHTML, innerText, outerHTML, outerText et textContent
### Les propriétés innerHTML, innerText, outerHTML, outerText et textContent
### invertText()
#### invertText()
> Quelles différences existe-t-il entre les 5 propriétés de cette section ?
@ -55,7 +57,7 @@ propriétés ?
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 ?
@ -63,7 +65,7 @@ J'ai mis la balise auteur en premier.
J'ai fait une méthode qui utilise un switch case pour changer le mois et le jour du numéro par le texte mais j'aurai pu aussi faire un tableau et apperler une méthode ``jour[numeroJour]``.
# Exercice 2 - L'objet Date :
## Exercice 2 - L'objet Date :
J'avais commencé à écrire deux petites condition en if/else mais une autre solution me semble plus simple :

3
TD2/README.MD Normal file
View File

@ -0,0 +1,3 @@
# Programmation Web – client riche - TD2
## Exercice 1

42
TD2/css/main.css Normal file
View File

@ -0,0 +1,42 @@
body {
font-family: serif;
}
h1,
h2,
h3 {
font-family: sans-serif;
}
h1 {
background-color: #def;
padding: 10px;
margin-left: 10px;
}
.h {
background-color: #abc;
padding: 10px;
margin-left: 60px;
}
h3 {
background-color: #789;
padding: 10px;
margin-left: 110px;
}
div {
background-color: #ddd;
padding: 20px;
margin-left: 110px;
}
p {
background-color: #eee;
padding: 20px;
}
.pink {
background-color: pink;
}

21
TD2/index.html Normal file
View File

@ -0,0 +1,21 @@
<!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/main.css'>
<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>
</head>
<body onload="init();">
</body>
</html>

10
TD2/js/main.js Normal file
View File

@ -0,0 +1,10 @@
function initSelection() {
document.body.addEventListener("click", selection);
}
function selection(event) {
console.log(event.target.tagName);
var element = event.target;
element.classList.toggle("pink");
}

1
index.html
View File

@ -15,6 +15,7 @@
<body>
<ul>
<li><a href="./TD1/">TD1</a></li>
<li><a href="./TD2/">TD2</a></li>
</ul>
</body>