From a30007ab8b27d478d6dc4296b165ad1666873261 Mon Sep 17 00:00:00 2001 From: JunkJumper Date: Tue, 4 Feb 2020 16:41:20 +0100 Subject: [PATCH] "debut td2" --- TD1/README.MD | 22 ++++++++++++---------- TD2/README.MD | 3 +++ TD2/css/main.css | 42 ++++++++++++++++++++++++++++++++++++++++++ TD2/index.html | 21 +++++++++++++++++++++ TD2/js/main.js | 10 ++++++++++ index.html | 1 + 6 files changed, 89 insertions(+), 10 deletions(-) create mode 100644 TD2/README.MD create mode 100644 TD2/css/main.css create mode 100644 TD2/index.html create mode 100644 TD2/js/main.js diff --git a/TD1/README.MD b/TD1/README.MD index 47ad6ce..ac06ef5 100644 --- a/TD1/README.MD +++ b/TD1/README.MD @@ -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 : diff --git a/TD2/README.MD b/TD2/README.MD new file mode 100644 index 0000000..4f2acdd --- /dev/null +++ b/TD2/README.MD @@ -0,0 +1,3 @@ +# Programmation Web – client riche - TD2 + +## Exercice 1 \ No newline at end of file diff --git a/TD2/css/main.css b/TD2/css/main.css new file mode 100644 index 0000000..70dad9a --- /dev/null +++ b/TD2/css/main.css @@ -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; +} \ No newline at end of file diff --git a/TD2/index.html b/TD2/index.html new file mode 100644 index 0000000..ca6bd6f --- /dev/null +++ b/TD2/index.html @@ -0,0 +1,21 @@ + + + + + + + + M4103 - Programmation Web Client Riche - TD1 + + + + + +

Comme pour tous les autres td, les réponses aux questions sont disponibles ICI !

+ + + + + + + \ No newline at end of file diff --git a/TD2/js/main.js b/TD2/js/main.js new file mode 100644 index 0000000..d7b8853 --- /dev/null +++ b/TD2/js/main.js @@ -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"); + +} \ No newline at end of file diff --git a/index.html b/index.html index b3dd737..f2ee54b 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,7 @@