Probleme "submit" et touche Entrer clavier

Résolu/Fermé

Theophile76 Messages postés 1791 Date d'inscription mardi 6 mars 2007 Statut Membre Dernière intervention 16 avril 2021 - 20 juil. 2010 à 00:52
Theophile76 Messages postés 1791 Date d'inscription mardi 6 mars 2007 Statut Membre Dernière intervention 16 avril 2021 - 21 juil. 2010 à 23:55

Bonjour,
j'ai créé une barre de recherche dans mon site de ce type :

<INPUT autocomplete="off" name="valeurdemacase" type="text" size="70" height="50" style="height:25px; font:18px arial,sans-serif bold">

Avec un bouton de recherche associé :

<input style="background-color:#EAEAEA; height:30px; cursor:pointer" type="button" value="Recherche Google" onclick="window.location='liens1/search/='+valeurdemacase.value">

Le problème est qu'en mode type="button", le fait d'appuyer sur entrer ne lance pas la recherche, il faut appuyer manuellement sur le bouton ...
J'ai donc remplacé par un type="submit" et là rien ne fonctionne (ni la touche Entrer du clavier, ni le clique manuel)
Pouvez vous m'aider svp, merci.

A voir également:

Probleme "submit" et touche Entrer clavier
Rechercher ou entrer l'adresse - Guide
Adresse IP locale : comment la trouver facilement - Guide
Touche rémanente - Guide
Touche inser clavier - Guide
Touche verrouillage clavier - Guide

3 réponses

Réponse 1 / 3

Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 1 101
Modifié par Templier Nocturne le 20/07/2010 à 00:56

type="bouton" onsubmit=[...] ;)

Theophile76 Messages postés 1791 Date d'inscription mardi 6 mars 2007 Statut Membre Dernière intervention 16 avril 2021 372
20 juil. 2010 à 01:08

Salut, merci, j'ai essayé

type="bouton" onsubmit="window.location='liens1/search/='+valeurdemacase.value"

C'est bien ça que tu me dis de faire ?
car ça ne donne rien.

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
20 juil. 2010 à 12:13

Le onsubmit est plutôt à utiliser sur la balise form, et il faut mettre "return false" à la fin pour annuler l'action.

<form method="post" action="cible.php" onsubmit="document.location.href = 'lien1/search/'+valeurdemacase.value; return false;">

Ton bouton doit être de type "submit".

Theophile76 Messages postés 1791 Date d'inscription mardi 6 mars 2007 Statut Membre Dernière intervention 16 avril 2021 372
20 juil. 2010 à 22:43

Je comprend pas, je dois faire comment, et c'est quoi action="cible.php" ?

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
20 juil. 2010 à 22:47

« action="cible.php" » : Tu peux mettre une page PHP qui se chargerait de faire la redirection au cas où le JS serait désactivé. Un site doit toujours fonctionner sans Javascript, ne l'oublie pas :)

Theophile76 Messages postés 1791 Date d'inscription mardi 6 mars 2007 Statut Membre Dernière intervention 16 avril 2021 372
20 juil. 2010 à 22:58

Mais il n'y a pas de code JS là non ?

Réponse 2 / 3

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
20 juil. 2010 à 01:00

Salut.

Voilà un exemple :

<form method="get" action="">
	<div>
		<label for="q">Recherche :</label>
		<input type="text" name="q" id="q" onkeypress="if(event.keyCode == 13) { document.location.href = 'search/'+document.forms[0].elements['q'].value; return false; }" />
		<input type="button" value="Rechercher" onclick="document.location.href = 'search/'+document.forms[0].elements['q'].value;" />
	</div>
</form>

Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 1 101
20 juil. 2010 à 01:06

tu te complique pas un peu la vie là ? O_o

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
20 juil. 2010 à 01:45

Oui, je pense :)
À ta solution, il manque un "return false" à la fin.

Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 1 101
20 juil. 2010 à 01:58

possible, j'y connais rien en JavaScript XP

Theophile76 Messages postés 1791 Date d'inscription mardi 6 mars 2007 Statut Membre Dernière intervention 16 avril 2021 372
21 juil. 2010 à 05:12

au fait ça sert à quoi le return false ?

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
21 juil. 2010 à 11:22

C'est pour annuler l'envoie du formulaire.

Réponse 3 / 3

Theophile76 Messages postés 1791 Date d'inscription mardi 6 mars 2007 Statut Membre Dernière intervention 16 avril 2021 372
Modifié par Theophile76 le 20/07/2010 à 22:55

Merci à tous, j'ai réussi grâce à votre aide de cette manière :

<FORM onsubmit="document.location.href = 'liens1.htlml/search/'+valeurdemacase.value; return false;">  

<input style="background-color:#EAEAEA; height:30px; cursor:pointer" type="submit" value="Recherche Google" onclick="window.location='liens1.htlml/search/'+valeurdemacase.value">  

</FORM>

On s'ennuie pas avec l'informatique :)

Discussions similaires

Dessiner avec son clavier et avec des lettres

Touche "home" sur pc portable.

Touches majuscule et minuscule inversées sur mon clavier

Home sur clavier azerty

Discussions similaires

Newsletters