Associer une action précise de recherche à un bouton en HTML(5)
F3WDc -
Voila, j'ai créer depuis peu un portail sur lequel se trouve des applications flash de type jeux, le design est pour l'instant dérisoire, mais il se trouve que je voudrais faire une barre de recherche interne (j'utilise donc la balise <datalist>) qui cherche l'application demandée et emmène l'utilisateur jusqu'à celle-ci. (Grâce à un #id_de_l'_application)
Tout mon problème se résume à une chose, comment associer une action qui permet de se rendre sur un endroit de précis de la page avec "#id_de_l'_application" avec un bouton.
Merci d'avance de vos réponses.
1 réponse
Plusieurs utilisateurs cherchent à mettre en place une barre de recherche interne utilisant une datalist pour accéder directement à une section précise par son identifiant via un bouton. Des réponses proposent d'utiliser JavaScript, par exemple window.location.href ('#'+document.getElementById('idappli').value), et de déclencher cette action via onclick, en plaçant le script dans le HTML ou dans un fichier .js externe. Certaines propositions utilisent un formulaire simple avec un input de type text et un bouton qui redirige vers l'ancre correspondante, éventuellement en combinant datalist, id et une seconde fonction pour marquer l'élément. D'autres échanges évoquent des raffinements comme enlever puis réappliquer le marquage lors d'une nouvelle recherche, et développer progressivement le code pour éviter les confusions, améliorer la lisibilité et la maintenance.
-
salut! avec du javascript tu peux faire ça
avec window.location.href
-
Le problème est que je n'y connais rien du tout en JS, sinon je ne comprend pas ou placer ce bout de code...
N'y a-t-il vraiment aucun autre moyen(s) de référencer une id à la sortie d'un <datalist> grâce à un bouton ?
Car c'est vraiment de cela dont j'aurais besoin...
Mais merci quand même totodunet. -
là ou tu veux tu mets ça dans ta page :
<form>
<input type="text" id="idappli"/>
<input type="button" value="Rechercher" onclick="javascript:window.location.href='#'+document.getElementById('idappli').value;"/>
</form>
il s'agit d'un formulaire de recherche très simple. tu mets l'id dans la barre, tu cliques sur rechercher et il t'envoie à l'id -
-
-
-
