Associer une action précise de recherche à un bouton en HTML(5)

Fermé

F3WDc - 5 juil. 2013 à 17:06
F3WDc - 7 juil. 2013 à 00:00

Bonjour,

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.

A voir également:

Associer une action précise de recherche à un bouton en HTML(5)
Film d'action en français à télécharger - Télécharger - TV & Vidéo
Recherche automatique des chaînes ne fonctionne pas - Guide
Comment faire une recherche à partir d'une photo - Guide
Editeur html - Télécharger - HTML
Action fans - Guide

1 réponse

Réponse 1 / 1

totodunet Messages postés 1377 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 5 mars 2020 199
5 juil. 2013 à 18:17

salut! avec du javascript tu peux faire ça
avec window.location.href

F3WDc
5 juil. 2013 à 18:21

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.

totodunet Messages postés 1377 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 5 mars 2020 199
5 juil. 2013 à 18:25

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

F3WDc
5 juil. 2013 à 18:29

Merci beaucoup, je vais tester cela immédiatement. Mais de toute faon ça m'a l'air d'être bon, puisque j'ai juste à changer le type du premier input en "list" puis de rajouter un <datalist> juste après. A tout de suite donc. Et merci énormément.

totodunet Messages postés 1377 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 5 mars 2020 199
5 juil. 2013 à 18:31

oui ça marche aussi ! ce qui compte c'est l'id du datalist faut que ce soit la même dans la fonction getElementById()

F3WDc
5 juil. 2013 à 18:34

En clair, il faut que l'id du getElementByld(), celle du bouton de type list et celle de <datalist> soit les mêmes. Je viens d'essayer, cela marche très bien. Merci encore pour ton aide.

Discussions similaires

Bouton ON OFF, O ou I ?

Action requise sur compte Google

[référencement] Ne pas être référencé

Conseil cartouche action

Espace en HTML

Discussions similaires

Newsletters