comme Google : Faire un submit après ENTREE
Google, c'est cool, on tape... entrée et hop la recherche est lancée.. sans cliquer sur "rechercher" !
Le truc bête quoi... sauf que j'arrive pas a faire pareil.
Par curiosité j'ai regardé le code source de google :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Google</title>
<style>body,td,a,p,.h{font-family:arial,sans-serif}.h{font-size:20px}.h{color:#3366cc}.q{color:#00c}.ts td{padding:0}.ts{border-collapse:collapse}</style>
<script>
window.google={kEI:"Yek2R-XEO4-AnQPjr4n9DA",kEXPI:"0",kHL:"fr"};
function sf(){document.f.q.focus()}
window.clk=function(b,c,d,e,f,g){if(document.images){var a=encodeURIComponent||escape;(new Image).src="/url?sa=T"+(c?"&oi="+a(c):"")+(d?"&cad="+a(d):"")+"&ct="+a(e)+"&cd="+a(f)+(b?"&url="+a(b.replace(/#.*/,"")).replace(/\+/g,"%2B"):"")+"&ei=Yek2R-XEO4-AnQPjr4n9DA"+g}return true};
</script>
</head>
<body bgcolor=#ffffff text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000 onload="sf();if(document.images){new Image().src='/images/nav_logo3.png'}" topmargin=3 marginheight=3>
<div align=right id=guser style="font-size:84%;padding:0 0 4px" width=100%><nobr>
<a href="/url?sa=p&pref=ig&pval=3&q=http://www.google.fr/ig%3Fhl%3Dfr&usg=AFQjCNGvPArpBB7iEmR74W3KmfBO6xKdlQ">iGoogle</a> | <a href="https://www.google.com/accounts/Login?continue=http://www.google.fr/&hl=fr">Connexion</a></nobr></div><center><br clear=all id=lgpd>
<img alt="Google" height=110 src="/intl/fr_fr/images/logo.gif" width=276><br><br>
<form action="/search" name=f><style>#lgpd{display:none}</style>
<script defer><!--
function qs(el){if(window.RegExp&&window.encodeURIComponent){var ue=el.href,qe=encodeURIComponent(document.f.q.value);
if(ue.indexOf("q=")!=-1){el.href=ue.replace(new RegExp("q=[^&$]*"),"q="+qe);}else{el.href=ue+"&q="+qe;}}return 1;}
//-->
</script>
<table border=0 cellspacing=0 cellpadding=4>
<tr><td nowrap><font size=-1><b>Web</b> <a class=q href="http://images.google.fr/imghp?oe=UTF-8&hl=fr&tab=wi" onclick="return qs(this)">Images</a> <a class=q href="http://news.google.fr/nwshp?oe=UTF-8&hl=fr&tab=wn" onclick="return qs(this)">Actualités</a> <a class=q href="http://maps.google.fr/maps?oe=UTF-8&hl=fr&tab=wl" onclick="return qs(this)">Maps</a><span style="position:relative;color:red;top:-5px;">Nouveau !</span> <a class=q href="http://groups.google.fr/grphp?oe=UTF-8&hl=fr&tab=wg" onclick="return qs(this)">Groupes</a> <b><a href="/intl/fr/options/" class=q>plus »</a></b></font></td></tr></table><table cellpadding=0 cellspacing=0><tr valign=top><td width=25%> </td><td align=center nowrap>
<input name=hl type=hidden value=fr>
<input maxlength=2048 name=q size=55 title="Recherche Google" value=""><br>
<input name=btnG type=submit value="Recherche Google">
<input name=btnI type=submit value="J'ai de la chance"></td><td nowrap width=25%><font size=-2> <a href=/advanced_search?hl=fr>Recherche avancée</a><br> <a href=/preferences?hl=fr>Préférences</a><br> <a href=/language_tools?hl=fr>Outils linguistiques</a></font></td></tr><tr><td align=center colspan=3><font size=-1><span style="text-align:left">Rechercher dans :
<input id=all type=radio name=meta value="" checked><label for=all> Web </label>
<input id=lgr type=radio name=meta value="lr=lang_fr"><label for=lgr> Pages francophones </label>
<input id=cty type=radio name=meta value="cr=countryFR"><label for=cty> Pages : France </label></span></font></td></tr></table></form><br><br><font size=-1><a href="/intl/fr/ads/">Programmes de publicité</a> - <a href="/services/">Solutions d'entreprise</a> - <a href="/intl/fr/about.html">À propos de Google</a> - <a href=http://www.google.com/ncr>Google.com in English</a><span id=hp style="behavior:url(#default#homepage)"></span><script><!--
(function() {var a="http://www.google.fr/",b=document.getElementById("hp"),c=b.isHomePage(a);_rptHp=function(){(new Image).src="/gen_204?sa=X&ct=mgyhp&cd="+(b.isHomepage(a)?1:0)};if(!c){document.write('<p><a href=/mgyhp.html onClick=document.getElementById("hp").setHomepage("'+a+'");_rptHp();>Google en page d\x27accueil</a>')};})();//-->
</script></font><p><font size=-2>©2007 Google</font></p><style>#ietb{behavior:url(#default#userData);display:none;text-align:center;width:310px;position:absolute;top:2px;right:2px;border:1px solid #656565;font-weight:bold;background:#fff;padding:1px 0 4px 4px;font-family:arial}</style><div id=ietb><span id=close><a href=# onclick="return _cltbp()"><img src="images/close_sm.gif" width=12 height=12 border=0 align=right style="padding:2px"></a></span><br><p style=margin-top:15px;text-align:center;font-weight:bold><font size=-1>Découvrez le champ de recherche Google amélioré.</font></p><img src=intl/fr/images/toolbar_sm.png><br>
<input type=button style=margin-top:12px value="Télécharger la barre d'outils Google" onClick=_dwntbp();><font size=-3><br><br></font></div><script>window._settbp=function(){if(document){var a=document.getElementById("ietb");a.load("IsOnIE7tbPromo");if(a.getAttribute("display")==null){a.style.display="block";(new Image).src="/gen_204?oi=promos_vis&cad=hppwebie7tb:fr&atyp=i"}}};window._cltbp=function(){if(document){var a=document.getElementById("ietb");a.setAttribute("display","none");a.save("IsOnIE7tbPromo");a.style.display="none";(new Image).src="/gen_204?oi=promos&ct=remove&cad=hppwebie7tb:fr&sa=X";return false}};window._dwntbp=function(){if(document){(new Image).src="/gen_204?oi=promos&ct=download&cad=hppwebie7tb:fr&sa=X";document.location="/toolbar/intl/fr/webinstall.html#tbbrand=GZHY&utm_source=fr-hpp-ie7&utm_medium=hpp&utm_campaign=fr"}};_settbp();</script></center>
</body>
</html> |
La partie interessante, le champs ou l'on tape la requete :
Code:
1
2
|
<input maxlength=2048 name=q size=55 title="Recherche Google" value=""> |
Et la balise de formulaire :
Code:
1
2
|
<form action="/search" name=f> |
Hormis que l'input ne précise pas son type, rien d'extraordinaire.. y a pas de javascript sur onchange ou autre...
Bien sur si je fais un copié collé du champs input dans ma page.. ça marche pas "comme sur google"...:aie:
Comment ky font google?
Comment kon fait ?
(Parfois je me demande comment l'informatique fait pour rendre compliqué des fonctionnalités aussi basique.)
