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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Aide] HTML/CSS - Réinitialiser une requête

floxers

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.

Publicité

mechkurt

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

floxers

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.

mechkurt

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

floxers

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

floxers

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

Merci tout de même.

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
[HTML] Open Graph : Facebook ne voit pas mon og:image	Petite idée site HTML
Script Photoshop - De l'aide pour un naab	Intégrer une partie d'une autre page web dans une page html/php
Macro word : trouver format et ajouter balises html	CSS On peut pas tout connaitre
AIDE Structure organisé automatique DEBUTANT	aide css dans html
CSS atteindre les balises avec un attribut non précisé
Plus de sujets relatifs à : [Aide] HTML/CSS - Réinitialiser une requête

Page générée en 0.083 secondes