ToutSurTout.biz / HTML + JS : Un faux formulaire pour rediriger une recherche à l'extérieur

Philippe · Discussion postée le 09-04-2016 à 12:13:24

J'avais besoin d'un petit formulaire qui me redirige une recherche sur un site extérieur (duckduckgo), en ajoutant du texte à celui saisi par l'utilisateur.
Je ne voulais pas utiliser jQuery (juste Javascript)
Afin de garder le site sous le coude, je veux que le résultat s'ouvre dans une nouvelle fenêtre (ou onglet).
Et surtout que la page contenant le formulaire ne se recharge pas !!

Après 1h de bidouilles (il faut le dire) je suis arrivé à un truc sympa que je m'empresse de vous partager prie

Code HTML :

Code :

Code JAVASCRIPT :

Code :

function submitform() { var site = "https://duckduckgo.com/?q=site:www.toutsurtout.biz "; var query = document.getElementById("q").value; var win = window.open(site.concat(query), '_blank'); win.focus(); }

Le 2en1

Code :

<form width="400px" action="javascript:void(0);"> <input style="text-align:center;" type="text" id="q" name="q" /> <input type="submit" onclick="submitform();" value=" " style="background: transparent url(/search/search_mini.png) no-repeat right bottom; border: none; width: 18px;"/> </form> <script type="text/javascript"> function submitform() { var site = "https://duckduckgo.com/?q=site:www.toutsurtout.biz "; var query = document.getElementById("q").value; var win = window.open(site.concat(query), '_blank'); win.focus(); } </script>

Voilà, voilou ! , je débute hein, mon pote m'a demandé de me mettre au HTML etc etc on va tenter de faire les choses bien ! xD

Loic · Réponse postée le 09-04-2016 à 14:58:34

Je salue l'effort !

• Annonce ToutSurTout

Message 1 Discussion postée le 09-04-2016 à 12:13:24

HTML + JS : Un faux formulaire pour rediriger une recherche à l'extérieur

Code :

Code :

Code :

Message 2 Réponse postée le 09-04-2016 à 14:58:34

Re: HTML + JS : Un faux formulaire pour rediriger une recherche à l'extérieur