[Aide] HTML/CSS - Réinitialiser une requête

Marsh Posté le 21-09-2016 à 16:20:31

Bonjour,

Je viens vers vous solliciter votre aide.
Je suis actuellement entrain de me coder un site statique personnel, dans lequel je n'utilise que du HTML et du CSS.
Cependant je suis face à un problème, qui est le suivant :

Code :

<div id="recherche">
<form class="formRecherche" action="http://www.google.com/search" method="GET" target="_blank">
<img src="google.png" alt="Logo Google"/> <br/>
<input class="inputRecherche" type="text" name="q" placeholder="Recherche..."> <br/> <br/>
<input class="inputSubmit" type="submit" name="w" value=" Recherche Google ">
</form>
</div>

J'aimerai savoir comment je peux faire, pour qu'une fois une recherche entrée dans la barre de recherche, et la nouvelle fenêtre ouverte; la précédente requête s’efface. Je ne sais pas si je suis très clair, alors voici un exemple :

- Je rentre dans la barre de recherche le mot "Youtube", puis appuie sur "Recherche Google".
- Cela va donc m'ouvrir une nouvelle fenêtre avec la recherche "Youtube".

--> J'aimerais qu'en revenant sur la page HTML, la requête (ici "Youtube" ) dans la barre de recherche Google soit réinitialisé, pour ne pas devoir l'effacer moi-même afin de faire une nouvelle recherche.

Si vous n'avez pas vraiment compris ce que j'essaie de faire, n'hésitez pas à me le dire, j'essaierai d'être plus clair.

Merci d'avance.

Reply

Marsh Posté le 21-09-2016 à 16:20:31

Reply

Marsh Posté le 21-09-2016 à 16:25:59

Code :

<div id="recherche">
<form class="formRecherche" action="http://www.google.com/search" method="GET" target="_blank" onsubmit="document.getElementById('myinput').value='';">
<img src="google.png" alt="Logo Google"/> <br/>
<input id="myinput" class="inputRecherche" type="text" name="q" placeholder="Recherche..."> <br/> <br/>
<input class="inputSubmit" type="submit" name="w" value=" Recherche Google ">
</form>
</div>

Peut être essayer quelque chose de ce genre...

Message cité 1 fois

---------------
D3

Reply

Marsh Posté le 21-09-2016 à 17:07:01

mechkurt a écrit :

Code :

<div id="recherche">
<form class="formRecherche" action="http://www.google.com/search" method="GET" target="_blank" onsubmit="document.getElementById('myinput').value='';">
<img src="google.png" alt="Logo Google"/> <br/>
<input id="myinput" class="inputRecherche" type="text" name="q" placeholder="Recherche..."> <br/> <br/>
<input class="inputSubmit" type="submit" name="w" value=" Recherche Google ">
</form>
</div>

Peut être essayer quelque chose de ce genre...

Hey,

Ça marche à moitié seulement.
Ça réinitialise bien la recherche, mais la recherche elle-même ne marche plus.

Reply

Marsh Posté le 21-09-2016 à 17:09:50

Assez prévisible, vu qu'on vide le champ lors de la soumission, ben on le soumet plus, essaye de coller un petit délai avec setTimeout pour vider le champ 1/2 seconde après la soumission...

Message cité 1 fois

---------------
D3

Reply

Marsh Posté le 21-09-2016 à 17:52:07

mechkurt a écrit :

Assez prévisible, vu qu'on vide le champ lors de la soumission, ben on le soumet plus, essaye de coller un petit délai avec setTimeout pour vider le champ 1/2 seconde après la soumission...

D'acc.
Et je suis censé le placer à quel endroit ?

Merci.

Message édité par floxers le 21-09-2016 à 18:13:11

Reply

Marsh Posté le 22-09-2016 à 00:20:47

C'est bon problème résolu. J'ai trouvé la réponse ailleurs.

Merci tout de même.

Reply

[Aide] HTML/CSS - Réinitialiser une requête

Sujets relatifs:

Leave a Replay