45 lines
1.9 KiB
PHP
45 lines
1.9 KiB
PHP
<button onclick="toggleFilters()">Filtrer</button>
|
|
|
|
<div id="filters" style="display: none;">
|
|
<form method="GET" action="">
|
|
<input type="text" name="query" placeholder="Rechercher..." value="<?= isset($_GET['query']) ? $_GET['query'] : '' ?>">
|
|
</form>
|
|
|
|
<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 name="genre" id="genre" onchange="submitForm()>
|
|
<option value=''>Tous</option>
|
|
<?php foreach($genres as $genre): ?>
|
|
<option value="<?= $genre->name ?>" <?= isset($_GET['genre']) && $_GET['genre'] == $genre->name ? 'selected' : '' ?>><?= $genre->name ?></option>
|
|
<?php endforeach; ?>
|
|
</select>
|
|
|
|
<select name="order" id="order" onchange="submitForm()">
|
|
<option value="">Ordre :</option>
|
|
<option value="asc" <?= isset($_GET['order']) && $_GET['order'] == 'asc' ? 'selected' : '' ?>>Croissant</option>
|
|
<option value="desc" <?= isset($_GET['order']) && $_GET['order'] == 'desc' ? 'selected' : '' ?>>Decroissant</option>
|
|
</select>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<script>
|
|
function toggleFilters() {
|
|
var filters = document.getElementById('filters');
|
|
if (filters.style.display === 'none') {
|
|
filters.style.display = 'block';
|
|
} else {
|
|
filters.style.display = 'none';
|
|
}
|
|
}
|
|
|
|
function submitForm() {
|
|
document.getElementById('filters').submit();
|
|
}
|
|
</script>
|