Une sorte de barre de recherche
Résolu
FevreAnhTuan
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
FevreAnhTuan Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
FevreAnhTuan Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
Bonjour tout le monde !
Je suis en train de faire mon site mais il y a quelques chose qui me bloque.
Je voudrais savoir comment faire une sorte de barre de recherche (pas très explicite mais attendez la suite).
En fait j'aimerai qu'on puisse sélectionner un truc (comme quand on choisi la date de naissance avec la barre qu'on fait défiler pour sélectionner le jour, le mois ou l'année... désolé je ne connais pas le nom) et que selon ce qu'on a choisit, cela affiche à côté quelque chose correspondant à ce qu'on a choisi préalablement.
C'est un peu dur à expliquer donc n'hésitez pas à me demander des détails.
Merci d'avance.
Je suis en train de faire mon site mais il y a quelques chose qui me bloque.
Je voudrais savoir comment faire une sorte de barre de recherche (pas très explicite mais attendez la suite).
En fait j'aimerai qu'on puisse sélectionner un truc (comme quand on choisi la date de naissance avec la barre qu'on fait défiler pour sélectionner le jour, le mois ou l'année... désolé je ne connais pas le nom) et que selon ce qu'on a choisit, cela affiche à côté quelque chose correspondant à ce qu'on a choisi préalablement.
C'est un peu dur à expliquer donc n'hésitez pas à me demander des détails.
Merci d'avance.
A voir également:
- Une sorte de barre de recherche
- Recherche automatique des chaînes ne fonctionne pas - Guide
- Windows 11 barre des taches a gauche - Guide
- Barre de défilement - Guide
- Comment faire une recherche à partir d'une photo - Guide
- Je recherche une chanson - Guide
2 réponses
Bonjour,
Donc... soit tu nous parles simplement des listes déroulantes ( les "<SELECT>" en HTML) .. soit tu fais référence aux composants de type DATETIMEPICKER.
Par exemple(DATETIMEPICKER):
https://jqueryui.com/datepicker/
http://www14.jqueryrain.com/?tdfs=1&kwl=Dedicated%20Servers%7CCloud%20Servers%7CColocated%20Servers%7C%7C%7C%7C%7C%7C%7C%7C
A moins que tu nous parles de range slider ( http://www14.jqueryrain.com/?tdfs=1&kwl=Dedicated%20Servers%7CCloud%20Servers%7CColocated%20Servers%7C%7C%7C%7C%7C%7C%7C%7C ...
Si tu souhaites que l'action se déclenche lorsque l'utilisateur modifie la date dans le champs.. alors il faudra utiliser du javascript (avec de l'AJAX si les données sont en BDD).
Si ce n'est pas ça ... dis toi que ta question est trop imprécise pour que l'on puisse te répondre....et qu'il te faut la reformuler mieux que ça.
.
sélectionner un truc (comme quand on choisi la date de naissance avec la barre qu'on fait défiler pour sélectionner le jour, le mois ou l'année... désolé je ne connais pas le nom)
Donc... soit tu nous parles simplement des listes déroulantes ( les "<SELECT>" en HTML) .. soit tu fais référence aux composants de type DATETIMEPICKER.
Par exemple(DATETIMEPICKER):
https://jqueryui.com/datepicker/
http://www14.jqueryrain.com/?tdfs=1&kwl=Dedicated%20Servers%7CCloud%20Servers%7CColocated%20Servers%7C%7C%7C%7C%7C%7C%7C%7C
A moins que tu nous parles de range slider ( http://www14.jqueryrain.com/?tdfs=1&kwl=Dedicated%20Servers%7CCloud%20Servers%7CColocated%20Servers%7C%7C%7C%7C%7C%7C%7C%7C ...
que selon ce qu'on a choisit, cela affiche à côté quelque chose correspondant à ce qu'on a choisi préalablement.
Si tu souhaites que l'action se déclenche lorsque l'utilisateur modifie la date dans le champs.. alors il faudra utiliser du javascript (avec de l'AJAX si les données sont en BDD).
Si ce n'est pas ça ... dis toi que ta question est trop imprécise pour que l'on puisse te répondre....et qu'il te faut la reformuler mieux que ça.
.
Le select est une élément html où l'on peut sélectionner un choix proposé dans la liste.
exemple d'une liste de marque de voiture:
https://www.w3schools.com/tags/tag_select.asp
il faut l'insérer dans le body d'une page html c'est a dire son corps.
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1604361-creez-votre-premiere-page-web-en-html
ensuite pour faire "vivre" cette liste juste après avoir fini son choix, il faut utiliser javascript. Javascript ce fait dans la tête du documment html (le head).
Si déjà ces bases la sons posés ce sera bien partie.
exemple d'une liste de marque de voiture:
https://www.w3schools.com/tags/tag_select.asp
il faut l'insérer dans le body d'une page html c'est a dire son corps.
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1604361-creez-votre-premiere-page-web-en-html
ensuite pour faire "vivre" cette liste juste après avoir fini son choix, il faut utiliser javascript. Javascript ce fait dans la tête du documment html (le head).
<script type="text/JavaScript">
window.onload = function(){
var elementSelect = document.getElementsByTagName("select");
elementSelect[0].onchange = function()
{
alert(this.value);
}
}
</script>
Si déjà ces bases la sons posés ce sera bien partie.
le javascript est un test que j'ai mis juste la pour démonstration, il faudra le faire évoluer une fois mis correctement en place.
Le code correspond a ce que tu a besoin pour commencer.
ce code permet d'afficher ce que tu as choisi, une fois ton choix fait.
Si j'en avais fait plus, ça t'aurais noyer dans des tas d'explication qui n'aurais servis a rien car tu n'aurais pas la base.
Le code correspond a ce que tu a besoin pour commencer.
ce code permet d'afficher ce que tu as choisi, une fois ton choix fait.
Si j'en avais fait plus, ça t'aurais noyer dans des tas d'explication qui n'aurais servis a rien car tu n'aurais pas la base.
Déjà merci de ta réponse.
En lisant ta réponse, je peux affiner ma question : en fait il me faut deux Select qui lorsqu'ils sont remplis, affichent une image correspondante aux informations sélectionnées dans les Select.
Mais alors quels langages faudrait-il utiliser ?
Merci d'avance.
En plus de html, il faut utiliser javascript.
javascript permet d'animer les choses en temps réel.