maj css home + new js

SRC/public/css/home.css

@@ -47,8 +47,8 @@ body {
 {
 	border: 7px solid white;
 	box-shadow: 0px 0px 3px black;
-	width: 250px;
-	height: 250px;
+	width: 250px !important;
+	height: 250px !important;
 	max-height : 250px;
 	max-width : 250px;
 	background: #ffffff; /* Old browsers */

SRC/public/js/rechercheRef.js

@@ -0,0 +1,19 @@
+// fonction qui recherche le referent donnee en parametre
+function rechercherReferent()
+{
+	// on recupere le mot cle rentrer dans le champs de recherche
+	var  motCle = document.getElementById("searchfield").value; 
+	
+	//boucle sur chaque item
+	var list = document.getElementsByClassName("item");
+	
+	for (var i = 0; i < list.length; i++)
+	{
+		referent = list[i].getElementsByClassName('nomRef')[0].innerHTML; //recupere le nom du referent referent
+		if (referent.indexOf(motCle) > -1) //on compare si la recherche correspond au nom
+		{
+			//on remplace la classe
+			list[i].className = "item active";
+		}
+	}
+}

SRC/resources/views/home.blade.php

@@ -6,10 +6,10 @@
 <center>
   <img style="height:auto; width:auto; max-width:100px;" alt="" src="./pictures/homePic/home.png"> 
 <nav>
-<form class="form-inline navbar">
+<form class="form-inline navbar" onsubmit="rechercherReferent()">
   <div class="row divRecherche">
     <div class="col-xs-12">
-      	<input class="form-control inpSear" placeholder="Rechercher un Référant" name="search" onchange="hideIcon(this);" type="text">
+      	<input id="searchfield" class="form-control inpSear" placeholder="Rechercher un Référant" name="search"  type="text"/> 
     </div>
   </div>
 </form>
@@ -32,7 +32,7 @@
 
 
   <!-- Parametres des images  -->
-  <div class="carousel-inner" role="listbox"> 
+  <div id="caroussel" class="carousel-inner" role="listbox"> 
 	@foreach ($referent as $ref)
 		@if ($ref -> id == $referent[0] -> id)
     	<div class="item active">
@@ -58,18 +58,15 @@
 </div>
 </div>
 @else
-
-blabla LOL
-
 @endif
 
 <script type="text/javascript">
-document.oncontextmenu = new Function("return false");
+document.oncontextmenu = new Function("return true");
 
 function hideIcon(self) {
     self.style.backgroundImage = 'none';
 }
-
 </script>
+<script type="text/javascript" src="/js/rechercheRef.js"> </script>
 </center>
 @endsection