一个表单多个按钮问题,我想把百度,GOOGLE等搜索引擎聚合起来方便使用,调用他们的搜索代码可以,但是我想只有一个TEXT文本框,多个SUBMIT按钮,按哪个就用哪个搜。搜了很多办法不行,后来高人给出了个巧办法,像这样:http://www.meigui5.com/zzz.html代码如下:<html>
<body>
<div><input type="text" id="keyword"/>
<input type="button" onclick="search()" value="search"/>
<script type="text/javascript">
function search()
{
var keyword = encodeURI(document.getElementById("keyword").value);
window.open(" http://www.baidu.com/s?ie=utf-8&wd="+keyword,"_blank");
window.open(" http://www.google.cn/search?q="+keyword,"_blank");
}
</script></div></body></html>这种原理跳开了表单,用JAVASCRIT搜索引擎的URL基本实现了功能,但还有些问题:
1:只有一个submit,点一下跳出两个窗口,如何弄成几个,点一下出一个。
2:submit按钮如果用图片,最好是链接实现功能就更好了。
3:弹出窗口没有地址栏等等,我想要正常的IE窗口,不要弹窗。javascript高手们看看,我不太懂这个,好像可以实现,大家跟贴商量下。
<body>
<div><input type="text" id="keyword"/>
<input type="button" onclick="search()" value="search"/>
<script type="text/javascript">
function search()
{
var keyword = encodeURI(document.getElementById("keyword").value);
window.open(" http://www.baidu.com/s?ie=utf-8&wd="+keyword,"_blank");
window.open(" http://www.google.cn/search?q="+keyword,"_blank");
}
</script></div></body></html>这种原理跳开了表单,用JAVASCRIT搜索引擎的URL基本实现了功能,但还有些问题:
1:只有一个submit,点一下跳出两个窗口,如何弄成几个,点一下出一个。
2:submit按钮如果用图片,最好是链接实现功能就更好了。
3:弹出窗口没有地址栏等等,我想要正常的IE窗口,不要弹窗。javascript高手们看看,我不太懂这个,好像可以实现,大家跟贴商量下。
<input type="button" onclick="search(2)" value="search"/>
<script type="text/javascript">
function search(str)
{
var keyword = encodeURI(document.getElementById("keyword").value);
<input name="" type="image">if(str==1) window.open(" http://www.baidu.com/s?ie=utf-8&wd="+keyword,"_blank");
if(str==2) window.open(" http://www.google.cn/search?q="+keyword,"_blank");
}
</script>
这个意思?如果要用图片的话就把按钮元素换成
<input name="imageField" type="image" src="collapsed.gif" width="10" height="10" border="0" >
元素即可
<body>
<div><input type="text" id="keyword"/>
<input type="button" onclick="search(1)" value="search"/>
<input type="button" onclick="search(2)" value="search"/>
<script type="text/javascript">
function search(str)
{
var keyword = encodeURI(document.getElementById("keyword").value);
<input name="" type="image">if(str==1)
window.open(" http://www.baidu.com/s?ie=utf-8&wd="+keyword,"_blank");
if(str==2)
window.open(" http://www.google.cn/search?q="+keyword,"_blank");
}
</script></div></body></html>点击没反应,原来的代码是可以搜索的
<script type="text/javascript">
function search(str)
{
var keyword = encodeURI(document.getElementById("keyword").value);
if(str==1)
window.open(" http://www.baidu.com/s?ie=utf-8&wd="+keyword,"_blank");
if(str==2)
window.open(" http://www.google.cn/search?q="+keyword,"_blank");
}
</script>多加了<input name="" type="image"> 去掉
<body>
<div><input type="text" id="keyword"/>
<input name="imageField" type="image" src="zzz.gif" width="10" height="10" border="0" onclick="search(1)" value="search"/>
<input name="imageField" type="image" src="zzz.gif" width="10" height="10" border="0" onclick="search(2)" value="search"/>
<script type="text/javascript">
function search(str)
{
var keyword = encodeURI(document.getElementById("keyword").value);
if(str==1)
window.open(" http://www.baidu.com/s?ie=utf-8&wd="+keyword,"_blank");
if(str==2)
window.open(" http://www.google.cn/search?q="+keyword,"_blank");
}
</script></div></body></html>用图片按钮成功调用GG,百度,高人啊,问了好多人都不会。还有个疑问,我听有人说这个submit按钮,可以用图片或者链接代替,用图片代替上面已经解决了,用文字链接代替按钮可以吗,我想问下,因为想最小化网页,再精简点网页大小,呵呵。
<body>
<div><input type="text" id="keyword" onchange="search1()"/>
<a href="http://www.baidu.com/" target="_blank">百度</a>
<a href="http://www.google.cn" target="_blank">Google</a>
<script type="text/javascript">
function search1()
{
var keyword = encodeURI(document.getElementById("keyword").value);
for(i=0;i<document.getElementsByTagName("A").length;i++){
if(document.getElementsByTagName("A")[i].innerHTML=="百度"){
document.getElementsByTagName("A")[i].href="http://www.baidu.com/s?ie=utf-8&wd="+keyword;
}
if(document.getElementsByTagName("A")[i].innerHTML=="Google"){
document.getElementsByTagName("A")[i].href="http://www.google.cn/search?q="+keyword;
}
} }
</script></div> </body> </html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>细节有点问题</title>
</head><body> <div id=c>
<input type="text" id="keyword" onchange="search1()" size="55" maxlength="2048" style="height:25px;"/><p>
<a href="http://www.baidu.com/" target="_self">百度</a>
<a href="http://www.google.cn/" target="_self">Google</a>
<script type="text/javascript">
function search1()
{
var keyword = encodeURI(document.getElementById("keyword").value);
for(i=0;i<document.getElementsByTagName("A").length;i++){
if(document.getElementsByTagName("A")[i].innerHTML=="百度"){
document.getElementsByTagName("A")[i].href="http://www.baidu.com/s?ie=utf-8&wd="+keyword;
}
if(document.getElementsByTagName("A")[i].innerHTML=="Google"){
document.getElementsByTagName("A")[i].href="http://www.google.cn/search?q="+keyword;
}
} }
</script>
</div>
</center>
</body>
</html>基本功能实现了,细节问题是:1:表单搜索后,IE后退重新搜索会失效。例如搜索abc,搜索后按IE后退回到原来页面,再点链接搜索就会失效跳到搜索引擎首页,除非修改搜索关键字,否则不行,自从我把链接的target属性从-blank改为-self就一直是这样,有没有办法解决?2:怎样在输入文本后,回车,第一个超链接响应回车自动搜索,而不用鼠标点击?
我网上搜索了半天,这儿有几个方法类似,http://www.polsnet.com/home/html/tech208_75870.html
但代码复杂点,试了半天不行,谁能解决?THANK YOU