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

"bak 18h15"

Browse Source
This commit is contained in:
JunkJumper 2020-02-04 18:15:16 +01:00
parent 03fc3678c8
commit 0a2643231e
7 changed files with 1048 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

501
TD1/README.html Normal file
View File

File diff suppressed because one or more lines are too long

501
TD1/README_tmp.html Normal file
View File

File diff suppressed because one or more lines are too long

3
TD2/README.MD
View File

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

9
TD2/css/main.css
View File

@ -14,7 +14,7 @@ h1 {
margin-left: 10px;
}
.h {
h2 {
background-color: #abc;
padding: 10px;
margin-left: 60px;
@ -39,4 +39,11 @@ p {
.pink {
background-color: pink;
}
#imgMelou,
#butMelou {
display: block;
margin-left: auto;
margin-right: auto;
}

BIN
TD2/img/melou.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB

27
TD2/index.html
View File

@ -11,11 +11,36 @@
<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>
<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>
<h2>Son dernier but</h2>
<div id="video">
<iframe width="640" height="360" src="https://www.youtube.com/embed/RxnjbxLElWI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen id="butMelou"></iframe>
</div>
</body>
</html>

16
TD2/js/main.js
View File

@ -1,10 +1,14 @@
function initSelection() {
document.body.addEventListener("click", selection);
console.log("JavaScript is linked"); /**Cette méthode permet de vérifier que Javascript est bien activé **/
function init() {
//sayHello();
document.body.addEventListener("click", sayHello); //vérification que le listener est ok
}
function selection(event) {
console.log(event.target.tagName);
var element = event.target;
element.classList.toggle("pink");
function sayHello() { /**Cette méthode permet de vérifier que la console de log est activée. **/
console.log("Hello Everypony !");
}
function initSelection() {
sayHello();
}