test filtre 1/?
This commit is contained in:
parent
104f8250da
commit
ea2e857196
@ -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>
|
Loading…
x
Reference in New Issue
Block a user