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

rendu FINAL TD1

Browse Source
This commit is contained in:
JunkJumper 2020-02-07 10:37:13 +01:00
parent 89f237666e
commit e9dd3c6b69
6 changed files with 0 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
TD2/README.MD
View File

@ -1,7 +0,0 @@
# Programmation Web – client riche - TD2
## Exercice 1
> Comment avez-vous ajouté l’écouteur d’évènement et sur quel objet?
La méthode de base à utiliser est ``document.{object}.addEventListener({action à écouter}, {objet à appeler})`` et je l'ai affecté à mon body pour écrier dans la console pour tester dans un premier temps :``document.body.addEventListener("click", initSelection)``

BIN
TD2/TP2_JS_M413_2016.pdf
View File

Binary file not shown.

49
TD2/css/main.css
View File

@ -1,49 +0,0 @@
body {
font-family: serif;
}
h1,
h2,
h3 {
font-family: sans-serif;
}
h1 {
background-color: #def;
padding: 10px;
margin-left: 10px;
}
h2 {
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;
}
.red {
background-color: rgb(184, 12, 40);
}
#imgMelou,
#butMelou {
display: block;
margin-left: auto;
margin-right: auto;
}

BIN
TD2/img/melou.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 60 KiB

44
TD2/index.html
View File

@ -1,44 +0,0 @@
<!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/TD2" target="_blank">ICI</a></strong> !</p>
</head>
<body onload="init();">
<h1>Pierre Lees-Melou</h1>
<h2>Courte présentation</h2>
<div id="presentation">
<p>Pierre Lees-Melou, est un footballeur français. Il évolue au poste de milieu offensif à l'OGC Nice.</p>
<img src="./img/melou.jpeg" width="15%" alt="melou" id="imgMelou" />
</div>
<h2>Son parcours et ses stats</h2>
<div id="parcours">
<p>Voici les clubs par lequel notre numéro <span>8</span> <a href="https://www.ogcnice.com/fr/">du gym</a> est passé</p>
<ul>
<li>2010-2012 | Langon FC</li>
<li>2012 | FCE Mérignac Arlac</li>
<li>2013-2015 | US Lège-Cap-Ferret</li>
<li>2015-2017 | Dijon FCO</li>
<li>2017-Aujoud'hui | OGC Nice</li>
</ul>
</div>
<a href="https://www.youtube.com/watch?v=6Hz19CiexU4&t=3s" target="_blank">
<h2>Son dernier but</h2>
</a>
</body>
</html>

21
TD2/js/main.js
View File

@ -1,21 +0,0 @@
console.log("JavaScript is linked"); /**Cette méthode permet de vérifier que Javascript est bien activé **/
function init() {
sayHello();
document.body.addEventListener("click", selection); //vérification que le listener est ok
}
function sayHello() { /**Cette méthode permet de vérifier que la console de log est activée. **/
console.log("Bevengutti Nissart ! !");
}
function initSelection() {
sayHello();
}
function selection(event) {
console.log(event.target.tagName); //cela indique quel balise est sélectionnée par le click
var element = event.target;
element.classList.toggle("red");
}