Sonja Mijatovic pretraga

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script src="jquery-1.11.3.js"></script>
<title>Salon</title>
</head>

<body>

<script>
$(document).ready(function() {

	 var korisnik;

	function getUrlParameter(sParam)
	{
	  	 var url = window.location.search.substring(1);


	        var sParameterName = url.split('=');
	        if (sParameterName[0] == sParam)
	        {
	            return sParameterName[1];
	        }
	}

	var pib = getUrlParameter('param');
	data = {par:pib};

	$.get("SalonView", data, function(sent_data) {

		var menus = [];
	// ucitavanje meni-a
		for(var i = 0; i<sent_data.length; i++){
			var provera = 0;

				for(var m= 0; m< menus.length; m++){

					if( menus[m] == sent_data[i].kat.naziv){
						provera = 1;
						break;
					}
				}

				if( provera == 0){

					menus.push(sent_data[i].kat.naziv);
				}
		}
		for(var i = 0; i < menus.length; i++){

			$("#menu").append("<li  id = \""  + menus[i] +"\" value = \"" +menus[i] + "\"  onclick = \"return change(this.id," + pib + ")\" \">" +menus[i]+  "</li>");

		}


		for(var i = 0; i<4; i++){

			$("#komadi").append("<li id = \""  +sent_data[i].sifra +" \">");
			$("#komadi").append("<a href = \"kupovina.jsp?param=" + sent_data[i].sifra+ "\">" + sent_data[i].naziv + "</a>");
			$("#komadi").append( "</li>");
		}
		for(var i = 0; i<sent_data.length; i++){

			if(sent_data[i].sifra == "124"){

				var slika = "<%=request.getContextPath()%>/"  + sent_data[i].img;
				$("#slika").append(slika );
				$("#slika").append("<img src=\""  +slika + "\"  alt = 'nou'> " );
			}
		}


	});

	$("#unos").append("<input type= \"text\" id =\"od\" > ");


	 $("#pretragaPo").change(  function(event){
		 if( $("#pretragaPo").val() == "cena"  ){

		 if($("#doo").length){
			 $("#unos").empty();
			 $("#unos").append(" <input type= \"text\" id =\"od\" > ");
			}


		 $("#unos").append(" do<input type= \"text\" id =\"doo\" >  ");

		 }else {
			 if($("#doo").length || $("#od").length){
				 $("#unos").empty();
				}


			 $("#unos").append(" <input type= \"text\" id =\"od\" > ");
		 }


	 });

	 //kad je dinamicki  $("#pretraga").on('click' ,'#pokreni', function(){
	 $("#pokreni").click( function(event){

		 $.get("SalonView", data, function(sent_data) {
			 $("#komadi").empty();
			 for(var i = 0; i<sent_data.length; i++){
				 if( $("#pretragaPo").val() == "cena"  ){

						 	var od = parseFloat($("#od").val());
							var doo = parseFloat($("#doo").val());
							var cena = parseFloat(sent_data[i].cena);

							if( od <= cena && cena <=doo ){

									$("#komadi").append("<li id = \""  +sent_data[i].sifra +" \">");
									$("#komadi").append("<a href = \"kupovina.jsp?param=" + sent_data[i].sifra+ "\">" + sent_data[i].naziv + "</a>");
									$("#komadi").append( "</li>");

							}
				 }else if($("#pretragaPo").val() == "kat"){
					 if(sent_data[i].kat.naziv == $("#od").val()){
							$("#komadi").append("<li id = \""  +sent_data[i].sifra +" \">");
							$("#komadi").append("<a href = \"kupovina.jsp?param=" + sent_data[i].sifra+ "\">" + sent_data[i].naziv + "</a>");
							$("#komadi").append( "</li>");
					 }
				 }else{
					 	var atribut = $("#pretragaPo").val();
					 	something = {}

					 	something = sent_data[i];
					 	if(something[atribut] == $("#od").val()){

					 		$("#komadi").append("<li id = \""  +sent_data[i].sifra +" \">");
							$("#komadi").append("<a href = \"kupovina.jsp?param=" + sent_data[i].sifra+ "\">" + sent_data[i].naziv + "</a>");
							$("#komadi").append( "</li>");

					 	}


				 }

			 }
		 });


	 });


});
function change(vrednost,pib) {

	data = {par:pib};

	$.get("SalonView", data, function(sent_data) {

		$("#komadi").empty();

		for(var i = 0; i<sent_data.length; i++){
			if(sent_data[i].kat.naziv == vrednost){
				$("#komadi").append("<li id = \""  +sent_data[i].sifra +" \">");
				$("#komadi").append("<a href = \"kupovina.jsp?param=" + sent_data[i].sifra+ "\">" + sent_data[i].naziv + "</a>");
				$("#komadi").append( "</li>");

			}


		}


	});


}
</script>
<div id = "menuBar" >

	<ul id = "menu" >

	</ul>
</div>

<div id = "komadiWi">
	<ul id = "komadi">

	</ul>


</div>
<div id = "slika">


</div>


Pretraga po :
<div id = "pretraga">
 <select id ="pretragaPo">
	<option value="naziv" > Naziv</option>
	<option value="kolicina" > Kolicina</option>
	<option value="kat" > Tip</option>
	<option value="zemlja" > Zemlja proizvodnje</option>
	<option value="datum" > Godina proizvodnje</option>
	<option value="proizvodjac" > Naziv proizvodjaca</option>
	 <option value="cena" > Cena</option> </select>

	  <div id = unos>

	  </div>
</div>
<button type = "button" id = "pokreni"> Pretraži</button>


</body>
</html>