diff --git a/TD4/README.MD b/TD4/README.MD
new file mode 100644
index 0000000..e08ecc2
--- /dev/null
+++ b/TD4/README.MD
@@ -0,0 +1,4 @@
+# Programmation Web – client riche - TD4
+
+## Exercice 1
+
diff --git a/TD4/TP4_JS_M413_2016.pdf b/TD4/TP4_JS_M413_2016.pdf
new file mode 100644
index 0000000..2791c79
Binary files /dev/null and b/TD4/TP4_JS_M413_2016.pdf differ
diff --git a/TD4/css/td3-exo1.css b/TD4/css/td3-exo1.css
new file mode 100644
index 0000000..fcdffdc
--- /dev/null
+++ b/TD4/css/td3-exo1.css
@@ -0,0 +1,43 @@
+html {
+ font-size: 62.5%;
+}
+body {
+ margin: 0px;
+ padding: 0px;
+}
+#jeu {
+ border-style:solid;
+ border-width:1px;
+ background-color:#00008B;
+ margin:0px;
+ width: 306px;
+ height:306px;
+ position: absolute;
+}
+.case {
+ border-style:solid;
+ border-width:1px;
+ background-color:#1E90FF;
+ margin:0px;
+ padding: 0px;
+ width: 100px;
+ height:100px;
+ position: absolute;
+ z-index:1;
+ transition-property : top, left;
+ transition-duration : 1s;
+}
+div{
+ padding:0px;
+}
+h1{
+ text-align: center;
+ font-size: 4rem;
+ margin:0;
+ padding: 27px 0px;
+}
+.vide {
+ background-color:#00008B;
+ z-index:0;
+ border:none
+}
\ No newline at end of file
diff --git a/TD4/css/td3-exo2.css b/TD4/css/td3-exo2.css
new file mode 100644
index 0000000..e5e561c
--- /dev/null
+++ b/TD4/css/td3-exo2.css
@@ -0,0 +1,40 @@
+html { font-size: 62.5%; }
+body { margin: 0px; padding: 0px; color : black}
+#jeu {
+ border-style:solid;
+ border-width:1px;
+ background-color:#00008B;
+ margin:0px;
+ width: 408px;
+ height:408px;
+}
+
+#commande {
+ margin:0px;
+ height:30px;
+ position: absolute;
+ left : 410px;
+ top: 0px;
+}
+.case {
+ border-style:solid;
+ border-width:1px;
+ border-color:black;
+ background-color:#1E90FF;
+ margin:0px;
+ padding: 0px;
+ width: 100px;
+ height:100px;
+ position: absolute;
+ z-index:1;
+ transition-property : top, left;
+ transition-duration : 1s;
+ text-align: center;
+ font-size: 4rem;
+ line-height: 100px;
+}
+.new {
+ color : red;
+}
+
+.videold { background-color:#00008B; z-index:0; border:none}
\ No newline at end of file
diff --git a/TD4/index.html b/TD4/index.html
new file mode 100644
index 0000000..bf99272
--- /dev/null
+++ b/TD4/index.html
@@ -0,0 +1,34 @@
+load($url)){ header('Content-Type: text/xml'); echo $monRSSDoc->saveXML(); }else{ echo "erreur de lecture"; } }else{ echo "URL vide"; } ?>
+
+
+
+
+
+
+
+ M4103 - Programmation Web Client Riche
+
+
+ M4103 - Programmation Web Client Riche
+
+
+
+ Un nouveau TD
+
+
+Reçu :
+
+
+
+
+
\ No newline at end of file
diff --git a/TD4/js/main.js b/TD4/js/main.js
new file mode 100644
index 0000000..cd5104a
--- /dev/null
+++ b/TD4/js/main.js
@@ -0,0 +1,18 @@
+console.log("Chargement...");
+
+function init() {
+ console.log("Initialisation...");
+}
+
+function selectionRSS(site) {
+ document.getElementById("retour").innerHTML = "";
+ var xhttp = new XMLHttpRequest();
+ xhttp.onreadystatechange = function() {
+ if (this.readyState == 4 && this.status == 200) {
+ document.getElementById("retour").innerHTML = this.responseText;
+ }
+ };
+ console.log(site);
+ xhttp.open("GET", site, true);
+ xhttp.send();
+}
diff --git a/TD4/mémo http.pdf b/TD4/mémo http.pdf
new file mode 100644
index 0000000..913e670
Binary files /dev/null and b/TD4/mémo http.pdf differ
diff --git a/TD4/proxy.php b/TD4/proxy.php
new file mode 100644
index 0000000..6b84093
--- /dev/null
+++ b/TD4/proxy.php
@@ -0,0 +1,15 @@
+load($url)){
+ header('Content-Type: text/xml');
+ echo $monRSSDoc->saveXML();
+ } else {
+ echo "erreur de lecture";
+ }
+} else {
+ echo "URL vide";
+}
+
+?>
\ No newline at end of file