Question

我有两个输入框和按钮。如果我在第一个文本框中输入了url并在第二个文本框中输入了搜索文本。现在我需要iframe的结果。我试过了，但屏幕是空的......

这里的代码......

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<?php 
header('X-Frame-Options: GOFORIT');
?>
<head>
<script type="text/javascript">


function Gsitesearch(curobj)
{
var domainroot=document.frm.domain.value;
var date=document.frm.opt.value;
curobj.q.value="site:"+domainroot+" "+curobj.qfront.value+" "+curobj.opt.value
}
</script>
</head>
<body>
<form action="http://www.google.com/search" id="frm" name="frm" target="myiframe" method="get" onsubmit="Gsitesearch(this)">
<center>
<h2>Search Tool Kit:</h2><br />
<table cellpadding="10" cellspacing="10">
<tr><td><input name="q" type="hidden" /></td></tr>
<tr><td><b>Domain Name:</b></td><td><input id="domain" type="text" style="width: 180px" /></td></tr>
<tr><td><b>Search Word</b></td><td><input name="qfront" type="text" style="width: 180px" /></td><td><select name="opt"><option>1</option><option>2</option></select></td></tr>
<tr><td colspan="2" align="right"><input type="submit" id="search" value="Search" /></td></tr>
</table>
</form>
<iframe name="myiframe" style="width:550px; height:100px;"></iframe> 


</body>
</html>

任何人帮我......

Answer 1

我们走了：

HTML + Javascript：（index.php）

<form id="myForm" >
    <input type="text" name="first" value="22" />
    <input type="text" name="second" value="" />
    <input type="button" value="See result on iframe" onclick="iframeResults()" />
</form>
<br/>
<iframe src="#" name="results"></iframe>

<script type="text/javascript">
function iframeResults(){
    var
        form = document.getElementById("myForm"),
        first = form.elements.namedItem("first").value,
        second = form.elements.namedItem("second").value;
    if(first.length && second.length){
        window.results.location.href='results.php?first=' + first + '&second=' + second;
    }else{
        alert('Type some text on the two inputs before ;)');
    }
}
</script>

......最后......

PHP：（results.php）

<?php
if(isset($_GET["first"]) && $_GET["first"] != "" && isset($_GET["second"]) && $_GET["second"] != ""){
    echo 'Received:<br/>
    First: '.$first.';<br/>
    Second: '.$second;
}else{
    echo 'Error! Type some text on the two inputs before. ;)';
}
?>

<强>字体：

我

修改： 不适用于跨源框架;）

搜索到一个网站，结果显示在iframe使用JavaScript

1 个答案: