CSS+JS+IFACE

Consultations.php

@@ -57,8 +57,12 @@ if(!Authentification::checkUser(0)){
 								foreach(MedecinRepo::getAll() as $MEDECIN)
 								echo "<option value='".$MEDECIN['Id']."'>".$MEDECIN['Nom']." ".$MEDECIN['Prenom']."</option>";
 							?>
-						</select>Le médecin traitant se selectionne par défaut
-					</div>
+						</select>
+							<span>Selection du médecin pour la consultation.</span>
+							<span class='associated'>Médecin traitant du patient.</span>
+					</div><br>
+					<input type='text' placeholder='dd/mm/yyyy'>
+					<br><br>coucou
 				</article>
 
 				<article data-title="Numéro de sécurité sociale">
@@ -73,4 +77,4 @@ if(!Authentification::checkUser(0)){
 	
 		<script type='text/javascript' src='js/consultations.js'></script>
 	</body>
-</html>
+</html>

Dashboard.php

@@ -29,7 +29,8 @@ if(!Authentification::checkUser(0)){
 				<a href='Dashboard.php' id='ICON'></a>
 				<a href='Dashboard.php'     id='dashboard' class='active'>Tableau de bord</a>
 				<a href='Consultations.php' id='consultations'>Consultations</a>
-				<a>Médecins</a>
+				<a href='Medecins.php'      id='medecin'>Gestion des médecins</a>
+				<a href='Patients.php'      id='patient'>Gestion des patients</a>
 			</nav>
 
 
@@ -40,10 +41,11 @@ if(!Authentification::checkUser(0)){
 				<!-- FIL D'ARIANE -->
 				<div id='BREADCRUMB'><a href='Dashboard.php'>Accueil</a></div>
 
+				
+
 			</section>
 
 		</div>
 	
-
 	</body>
 </html>

css/global.css

@@ -300,21 +300,46 @@ body{
 	-o-appearance: none;
 }
 
-/* .associated */
+/* <SELECT>.associated */
 #CONTAINER > article select.associated{
 	border-color: #f09108;
 }
 
+
+/* <SPAN> */
+#CONTAINER > article span{
+	margin-left: 1em;
+}
+
+
+/* SPECIFIC <SPAN> */
+#CONTAINER > article select.associated ~ span:not(.associated){
+	display: none; /* on cache le texte défault quand c'est le médecin associé */
+}
+
+#CONTAINER > article select:not(.associated) ~ span.associated{
+	display: none; /* on cache le texte associé quand c'est pas le médecin associé */
+}
+
+
+
 /* <INPUT> */
 #CONTAINER > article input{
 	/* position */
-	display: inline-block;
+	display: block;
 	position: relative;
 	margin: 1em;
 	padding: .7em;
 
 	/* border */
-	border: 1px solid #e5e5e5;	
+	border: 1px solid #e5e5e5;
+	
+	/* animation */
+	transition: all .2s ease-in-out;
+	-moz-transition: all .2s ease-in-out;
+	-webkit-transition: all .2s ease-in-out;
+	-ms-transition: all .2s ease-in-out;
+	-o-transition: all .2s ease-in-out;
 }
 
 /* @focus */

js/consultations.js

@@ -51,8 +51,8 @@ inSecu.addEventListener('keyup', function(e){
 		if( inSecu.value[i] != ' ' && ftSecu[i] == ' ' )
 			inSecu.value = inSecu.value.slice(0, i).concat(' ').concat( inSecu.value.slice(i) );
 
-		// [4] Le numéro saisi est trop long, on le coupe
-		inSecu.value = inSecu.value.slice(0, ftSecu.length);
+		// [4] Le numéro saisi est trop long, on le coupe + enlève les espaces alentours
+		inSecu.value = inSecu.value.slice(0, ftSecu.length).trim();
 	}
 
 }, false);