Listes liées

**spawns** · 22/09/2020, 08h47

Salut à tous,
je précise de suite que je suis une quiche en JS. Donc j'ai récupéré un script JS de filtre produits qui me convient en partie. J'ai modifié des checkbox en dropdown.
j'ai besoin de lier la dropdown "département" a la dropdown "ville".
par contre la je patauge un petit peu, si qql'un peu donner un petit coup de main ca serait pas de refus.
Voici le contenu des pages :
index.php

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
...
<div class="container">
        <div class="row">
        	<br />
        	<h2 align="center">Advance Ajax Product Filters in PHP</h2>
        	<br />
            <div class="col-md-3">                				
				<div class="list-group">
					<h3>Price</h3>
					<input type="hidden" id="hidden_minimum_price" value="0" />
                    <input type="hidden" id="hidden_maximum_price" value="65000" />
                    <p id="price_show">1000 - 65000</p>
                    <div id="price_range"></div>
                </div>				
                <div class="list-group">
					<h3>Département</h3>
                       <div> 
                    <select name="departement" class="common_selector departement">
                    <option selected="selected">--Sélectionner un departement--</option>
					<?php
                    $query = "
                           SELECT DISTINCT(departement) FROM bien WHERE type_offre BETWEEN '0' AND '8' " ; 
                    $statement = $DB_con->prepare($query);
                    $statement->execute();
                    $result = $statement->fetchAll();
                    foreach($result as $row)
                    {
                    ?>
                    <option class="common_selector departement" value="<?php echo $row['departement']; ?>"><?php echo $row['departement']; ?></option>
                    <?php
                    }
                    ?>
                </select>
                    </div>
                </div>
 
				<div class="list-group">
					<h3>Ville</h3>
                    <select name="ville" class="common_selector ville">
                    <option selected="selected">--Sélectionner une ville--</option>
                    <?php
                
                    $query = "
                    SELECT DISTINCT(ville) FROM bien WHERE type_offre BETWEEN '0' AND '8' ORDER BY ville ASC" ; 
                    $statement = $DB_con->prepare($query);
                    $statement->execute();
                    $result = $statement->fetchAll();
                    foreach($result as $row)
                    {
                    ?>
                    <option class="common_selector ville" value="<?php echo $row['ville']; ?>"><?php echo $row['ville']; ?></option>
                    <?php    
                    }
                    ?>
                    </select>
                </div>
 
				<div class="list-group">
					<h3>Catégorie</h3>
					<?php
                    $query = "
                    SELECT DISTINCT(categorie) FROM bien ORDER BY categorie ASC";
                    $statement = $DB_con->prepare($query);
                    $statement->execute();
                    $result = $statement->fetchAll();
                    foreach($result as $row)
                    {
                    ?>
                    <div class="list-group-item checkbox">
                        <label><input type="checkbox" class="common_selector categorie" value="<?php echo $row['categorie']; ?>"  > <?php echo $row['categorie']; ?></label>
                    </div>
                    <?php
                    }
                    ?>	
                </div>
            </div>
 
            <div class="col-md-9">
            	<br />
                <div class="row filter_data">
                </div>
            </div>
        </div>
    </div>
<style>
#loading
{
        text-align:center; 
        background: url('loader.gif') no-repeat center; 
        height: 150px;
}
</style>
 
<script>
$(document).ready(function(){
 
    filter_data();
 
    function filter_data()
    {
        $('.filter_data').html('<div id="loading" style="" ></div>');
        var action = 'fetch_data';
        var minimum_price = $('#hidden_minimum_price').val();
        var maximum_price = $('#hidden_maximum_price').val();
        var departement = get_filter('departement');
        var ville = get_filter('ville');
        var categorie = get_filter('categorie');
        $.ajax({
            url:"fetch_data.php",
            method:"POST",
            data:{action:action, minimum_price:minimum_price, maximum_price:maximum_price, departement:departement, ville:ville, categorie:categorie},
            success:function(data){
                $('.filter_data').html(data);
            }
        });
    }
    function get_filter(class_name)
    {
        var filter = [];
        $('.'+class_name+':checked').each(function(){
            filter.push($(this).val());
        });
        return filter;
    }
    $('.common_selector').change(function(){
        filter_data();
    });
    $('#price_range').slider({
        range:true,
        min:1000,
        max:65000,
        values:[1000, 65000],
        step:500,
        stop:function(event, ui)
        {
            $('#price_show').html(ui.values[0] + ' - ' + ui.values[1]);
            $('#hidden_minimum_price').val(ui.values[0]);
            $('#hidden_maximum_price').val(ui.values[1]);
            filter_data();
        }
    });
});
</script>

Page fetch_data.php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
include('dbconfig.php');
 
if(isset($_POST["action"]))
{
	$query = "
		SELECT * FROM bien WHERE type_offre BETWEEN '0' AND '8' " ; // type_offre BETWEEN '0' AND '8' pour tous ce qui est vente 1 a 7 --- BETWEEN '10' AND '15' pour la loc 11 à 14
	if(isset($_POST["minimum_price"], $_POST["maximum_price"]) && !empty($_POST["minimum_price"]) && !empty($_POST["maximum_price"]))
	{
		$query .= "
		 AND loyer BETWEEN '".$_POST["minimum_price"]."' AND '".$_POST["maximum_price"]."'
		";
	}
	if(isset($_POST["departement"]))
	{
		$brand_filter = implode("','", $_POST["departement"]);
		$query .= "
		 AND departement IN('".$brand_filter."') 
		";
	}	
	if(isset($_POST["ville"]))
	{
		$ram_filter = implode("','", $_POST["ville"]);
		$query .= "
		 AND ville IN('".$ram_filter."')
		";
	}
	if(isset($_POST["categorie"]))
	{
		$storage_filter = implode("','", $_POST["categorie"]);
		$query .= "
		 AND categorie IN('".$storage_filter."')
		";
	}
	echo $query."<br>";
	$statement = $DB_con->prepare($query);
	$statement->execute();
	$result = $statement->fetchAll();
	$total_row = $statement->rowCount();
	$output = '';
	if($total_row > 0)
	{
		foreach($result as $row)
		{
			$output .= '
			<div class="col-sm-4 col-lg-3 col-md-3">
				<div style="border:1px solid #ccc; border-radius:5px; padding:16px; margin-bottom:16px; height:450px;">
					<img src="image/'. $row['photo_1'] .'" alt="" class="img-responsive" >
					<p align="center"><strong><a href="#">'. $row['categorie'] .'</a></strong></p>
					<h4 style="text-align:center;" class="text-danger" >'. $row['loyer'] .' €</h4>
					<p>Cp : '. $row['cp'].' <br />
					Département : '. $row['departement'] .' <br />
					Ville : '. $row['ville'] .' <br />
					Chauffage : '. $row['nature_chauffauge'] .' </p>
				</div>
			</div>
			';
		}
	}
	else
	{
		$output = '<h3>No Data Found</h3>';
	}
	echo $output;
}

Merci d'avance de votre aide
Cdt

**SunSeeker** · 09/10/2020, 20h13

Salut,

Si tu sais quel code exécuter en php, ce code jQuery est ce que tu cherches. > Remplace juste product_cat par "département" et product_subcat par "ville", et oila

// Et n'hésite pas à aider les autres si un jour tu sais...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
 
	$("#product_cat").change(function() {  	 
		product_cat= $("#product_cat").val(); 
		product_cat= $.trim(product_cat);	 
			if (product_cat!="")
				{ $.post('ajx/display_attributes.php',
				  { product_cat:product_cat}, 
				  function(data) {   $("#product_subcat").html(data);  
								 }); 
 
      });

**spawns** · 10/10/2020, 01h07

Merci SunSeeker
nickel

**SunSeeker** · 10/10/2020, 09h51

De rien, avec plaisir si ça t'a aidé ou appris quelque chose.

Listes liées [AJAX]

jQuery

Discussions similaires

Partager

Partager