Une sorte de barre de recherche

Résolu/Fermé
FevreAnhTuan Messages postés 4 Date d'inscription dimanche 15 février 2015 Statut Membre Dernière intervention 16 février 2015 - 15 févr. 2015 à 23:40
FevreAnhTuan Messages postés 4 Date d'inscription dimanche 15 février 2015 Statut Membre Dernière intervention 16 février 2015 - 16 févr. 2015 à 08:46
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.

2 réponses

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
16 févr. 2015 à 01:37
Bonjour,

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.

.

0
FevreAnhTuan Messages postés 4 Date d'inscription dimanche 15 février 2015 Statut Membre Dernière intervention 16 février 2015
16 févr. 2015 à 02:49
Bonjour,

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.
0
codeurh24 Messages postés 761 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
Modifié par codeurh24 le 16/02/2015 à 04:52
Bonsoir.
En plus de html, il faut utiliser javascript.
javascript permet d'animer les choses en temps réel.
0
codeurh24 Messages postés 761 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
16 févr. 2015 à 04:44
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).



<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.
0
FevreAnhTuan Messages postés 4 Date d'inscription dimanche 15 février 2015 Statut Membre Dernière intervention 16 février 2015
16 févr. 2015 à 06:06
Je n'ai pas encore regardé du côté de JavaScript. Le code que tu me donnes est-il celui que j'en aurai besoin ? Est-il seulement partiel ou est-ce le code complet ?

D'ailleurs merci beaucoup pour ton aide !
0
codeurh24 Messages postés 761 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
Modifié par codeurh24 le 16/02/2015 à 08:15
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.
0
FevreAnhTuan Messages postés 4 Date d'inscription dimanche 15 février 2015 Statut Membre Dernière intervention 16 février 2015 > codeurh24 Messages postés 761 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018
16 févr. 2015 à 08:46
Merci beaucoup pour ton aide. Je vais voir le cours de JavaScript de Openclassroom pour mieux comprendre.

Passe une bonne journée !
0