Table de mixage des priorités
Quatre faders de table de mixage avec vumètre à LED pour régler le poids de chaque critère dans le tri des résultats.
Réglages
Code
<fieldset class="uvq05-mx"><legend>Qu'est-ce qui compte le plus ?</legend><div class="ch"><div class="c" style="--v:0.6"><div class="sc"><span class="ld" aria-hidden="true"></span><span class="tr"><input type="range" min="0" max="100" value="60" aria-label="Prix"></span></div><output>60</output><span class="nm" aria-hidden="true">Prix</span></div><div class="c" style="--v:0.35"><div class="sc"><span class="ld" aria-hidden="true"></span><span class="tr"><input type="range" min="0" max="100" value="35" aria-label="Distance"></span></div><output>35</output><span class="nm" aria-hidden="true">Distance</span></div><div class="c" style="--v:0.8"><div class="sc"><span class="ld" aria-hidden="true"></span><span class="tr"><input type="range" min="0" max="100" value="80" aria-label="Note"></span></div><output>80</output><span class="nm" aria-hidden="true">Note</span></div><div class="c" style="--v:0.45"><div class="sc"><span class="ld" aria-hidden="true"></span><span class="tr"><input type="range" min="0" max="100" value="45" aria-label="Calme"></span></div><output>45</output><span class="nm" aria-hidden="true">Calme</span></div></div><p class="tp"><span>Priorité :</span> <b>Note</b></p></fieldset>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Filtres
Voir tout : FiltresOù l’utiliser
Au lieu d'un simple menu de tri, ce filtre permet d'équilibrer plusieurs critères à la fois, comme un ingénieur du son dose ses voies. Chaque fader est un input range natif posé à la verticale, avec un vumètre à LED segmenté et une bande de scotch pour le nom. Il convient aux recherches d'hôtels, de locations ou de produits où prix, distance et note comptent ensemble.
Règle les couleurs du vumètre avec les deux couleurs, du vert à l'ambre par exemple, et renomme les voies dans le code. Affiche le critère dominant à côté des résultats pour que l'on comprenne pourquoi l'ordre change.