test filtre 1/?
This commit is contained in:
		@@ -1,32 +1,45 @@
 | 
				
			|||||||
<form methode="GET">
 | 
					<button onclick="toggleFilters()">Filtrer</button>
 | 
				
			||||||
    <input type="text" name="query" palceholder="Rechercher...">
 | 
					
 | 
				
			||||||
</form>
 | 
					    <div id="filters" style="display: none;">
 | 
				
			||||||
<form methode="GET">
 | 
					        <form method="GET" action="">
 | 
				
			||||||
        <select name="artist" id="artist">
 | 
					            <input type="text" name="query" placeholder="Rechercher..." value="<?= isset($_GET['query']) ? $_GET['query'] : '' ?>">
 | 
				
			||||||
            <option value=''>Tous</option>
 | 
					        </form>
 | 
				
			||||||
            <?php foreach($artistes as $artiste){
 | 
					
 | 
				
			||||||
                echo "<option value='{$artiste->name}'>{$artiste->name}</option>";
 | 
					        <form method="GET" action="">
 | 
				
			||||||
            }
 | 
					            <select name="artist" id="artist" onchange="submitForm()>
 | 
				
			||||||
            ?>
 | 
					                <option value=''>Tous</option>
 | 
				
			||||||
 | 
					                <?php foreach($artistes as $artiste): ?>
 | 
				
			||||||
 | 
					                    <option value="<?= $artiste->name ?>" <?= isset($_GET['artist']) && $_GET['artist'] == $artiste->name ? 'selected' : '' ?>><?= $artiste->name ?></option>
 | 
				
			||||||
 | 
					                <?php endforeach; ?>
 | 
				
			||||||
            </select>
 | 
					            </select>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
            <select name="genre" id="genre">
 | 
					            <select name="genre" id="genre" onchange="submitForm()>
 | 
				
			||||||
            <option value=''>Tous</option>
 | 
					                <option value=''>Tous</option>
 | 
				
			||||||
            <?php foreach($genres as $genre){
 | 
					                <?php foreach($genres as $genre): ?>
 | 
				
			||||||
            echo "<option value='{$genre->name}'>{$genre->name}</option>";
 | 
					                    <option value="<?= $genre->name ?>" <?= isset($_GET['genre']) && $_GET['genre'] == $genre->name ? 'selected' : '' ?>><?= $genre->name ?></option>
 | 
				
			||||||
            }
 | 
					                <?php endforeach; ?>
 | 
				
			||||||
            ?>
 | 
					 | 
				
			||||||
            </select>
 | 
					            </select>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
            <select name="order" id="order" onchange="submitForm()">
 | 
					            <select name="order" id="order" onchange="submitForm()">
 | 
				
			||||||
                <option value="">Ordre :</option>
 | 
					                <option value="">Ordre :</option>
 | 
				
			||||||
                <option value="asc">Croissant</option>
 | 
					                <option value="asc" <?= isset($_GET['order']) && $_GET['order'] == 'asc' ? 'selected' : '' ?>>Croissant</option>
 | 
				
			||||||
                <option value="desc">Decroissant</option>
 | 
					                <option value="desc" <?= isset($_GET['order']) && $_GET['order'] == 'desc' ? 'selected' : '' ?>>Decroissant</option>
 | 
				
			||||||
            </select>
 | 
					            </select>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        </form>
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
            <button type="submit">Envoyer</button>
 | 
					    <script>
 | 
				
			||||||
</form>
 | 
					        function toggleFilters() {
 | 
				
			||||||
</main>
 | 
					            var filters = document.getElementById('filters');
 | 
				
			||||||
</body>
 | 
					            if (filters.style.display === 'none') {
 | 
				
			||||||
</html>
 | 
					                filters.style.display = 'block';
 | 
				
			||||||
 | 
					            } else {
 | 
				
			||||||
 | 
					                filters.style.display = 'none';
 | 
				
			||||||
 | 
					            }
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        function submitForm() {
 | 
				
			||||||
 | 
					            document.getElementById('filters').submit();
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					    </script>
 | 
				
			||||||
		Reference in New Issue
	
	Block a user