--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/toolkit/exemples/cartographie/cartographie.html Thu Apr 10 14:20:23 2014 +0200
@@ -0,0 +1,68 @@
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
+ <title>Cartographie "I Am A Legend"</title>
+
+ <!--On charge la feuille de style associée au module-->
+ <link href="css/styleCarto.css" rel="stylesheet" type="text/css"/>
+
+ <!--On charge les différentes librairies utilisées:-->
+
+ <!--Les scripts d3 manipulent le Force-Directed Graph-->
+ <script type="text/javascript" src="../../javascript/d3_modifie/d3.js"></script>
+ <script type="text/javascript" src="../../javascript/d3_modifie/d3.layout.js"></script>
+ <script type="text/javascript" src="../../javascript/d3/d3.geom.min.js"></script>
+ <!--La librairie Paper génère l'arrière-plan-->
+ <script type="text/javascript" src="../../javascript/paper.js"></script>
+ <!--Générateur de couleurs-->
+ <script type="text/javascript" src="../../javascript/colorbrewer.js"></script>
+ <!--Manipulation de la cartographie-->
+ <script type="text/javascript" src="../../javascript/nco/relations.js"></script>
+ <script type="text/javascript" src="../../javascript/nco/cartographie.js"></script>
+
+ </head>
+
+
+ <body>
+
+ <div id = "choixLateral">
+ <select name="spreadChoice" multiple = "true" size = "5">
+ </select>
+ <p><button class = "spread">Voir la sélection</button></p>
+ </div>
+
+ <div class = "content">
+ <h1>
+ Cartographie des scènes du film
+ <span style="text-decoration: underline;">I Am Legend</span>
+ <button class = "select"> Faire une sélection </button>
+ </h1>
+ </div>
+
+ <div id="infosLaterales">
+ <img class="image" src=""/><br/>
+ <p class = "infosCluster"></p>
+ <p class="infosScene">
+ <span class = "descriptif"></span><br/>
+ <ul>
+ <li>La scène se situe à <span class="tempsScene"></span></li>
+ <li>La scène appartient au groupe n° <span class="groupeId"></span></li>
+ <li>Autres membres du groupe: <span class="autresMembres"></span></li>
+ <li>Plus proches voisins: <span class="voisins"></span></li>
+ </ul>
+ </p>
+ <p><button class = "close">Fermer</button></p>
+ </div>
+
+ <script type="text/javascript" src="data/donnees.js"> </script>
+ <script type="text/javascript" src="data/articlesCCA2.js"> </script>
+ <script type="text/javascript" src="data/list_shots.js"> </script>
+ <script type="text/javascript" src="data/scriptCarto.js"></script>
+
+ <script type="text/javascript">
+
+ </script>
+
+ </body>
+</html>
\ No newline at end of file