彻底合并wp和Google搜索

效果:

  1. 只调用一个input,不用切换
  2. 没用jq,原生js

demo:

  1. ↑本站顶部 – 输入搜索词后, 按回车键是wordpress自带搜索, 点GOOGLE是用Google搜索
  2. 或在此测试:


大发说z叔那儿就是这个效果, 好久没去大叔那儿了都忘了,一看还真是的,是就是吧反正我写的不一样
上代码

<input id="xhd_sform" onkeyup="aa(this)"  value=""  type="text"  placeholder="Hit Enter to search…" />
<script>
   /**
* Merger_wp_ggsearch
* coder:
* 2013-06-08
*/
function aa(obj){ document.getElementById("xhd_f1").value=obj.value; document.getElementById("xhd_f2").value=obj.value; } document.onkeydown = function(evt){ var evt = window.event?window.event:evt; if(evt.keyCode==13) { document.getElementById("top_search_form").submit(); } } function xhd_smt(){ document.getElementById("top_search_form2").submit(); } </script> <form style="display:none" accept-charset="UTF-8" action="http://xiaohudie.net" name="s" id="top_search_form" method="get"> <input type="text" name="s" id="xhd_f2" placeholder="Hit Enter to search…" > </form> <form style="display:none" accept-charset="UTF-8" action="http://xiaohudie.net/search" id="top_search_form2" method="get"> <input type="text" name="q" id="xhd_f1" value="" placeholder="Search in Google" tabindex="1" autocapitalize="off" autocomplete="off" > <input type="submit" value="Google" tabindex="1" autocapitalize="off" autocomplete="off"> </form> <input type="button" id="xhd_gs" onClick="javascript:xhd_smt();" value="GOOGLE ">

LIKE OR SHARE IT:

admin发表于Code目录下,标签为,转载请保留链接

«上一篇:
下一篇: »
TOP DOWN
发表评论

您必须 [ 登录 ] 才能发表留言!

  1. 沙 发 axiu

    沙发……

    六月 8, 2013 09:51:09
  2. 板 凳 axiu

    于是CTRL+ENTER的快捷回复不能用了……

    六月 8, 2013 09:51:46
  3. 地 板 大发

    秒杀哥啊,操你大爷

    六月 8, 2013 10:33:09
  4. 地 毯 xyixyixyi

    这东西好用呢。但是系统原生的了。

    六月 8, 2013 13:00:48
  5. 地 面 bmcow

    不错啊

    六月 8, 2013 13:07:02
  6. 地 下 ChoJemmy

    我测试怎么按回车没反应?只有点谷哥才行。

    六月 8, 2013 13:25:27
  7. 7 楼 SEO

    这个搜索绝对NX喜欢撒。。。。

    六月 8, 2013 15:17:39
  8. 8 楼 xsinger

    原来Butterfly Ad是广告来的啊~我还以为谁呢?这么牛每次都沙发,哈哈~之前ad被屏蔽了!才发现并且点了!

    六月 9, 2013 06:50:36
  9. 9 楼 Andrew

    菜鸟问下,代码往哪加

    六月 9, 2013 14:28:42
  10. 10 楼 郑永

    最近项目开始,好忙,第一就是先来你这里打个招呼,哈哈,这个是个好东东,回去研究下。

    六月 10, 2013 11:00:46
  11. 11 楼 麦田一根葱

    好东西

    六月 14, 2013 10:35:17
  12. 12 楼 这样

    按了google,貌似没有结果,失效了?

    六月 24, 2013 01:05:58
  13. 13 楼 张戈博客

    来瞻仰女大神~嘿嘿

    五月 15, 2014 08:16:48