以iframe为目标的网址的帖子显示在iframe的iframe中

时间:2014-10-11 01:30:21

标签: php html forms iframe

这有点令人困惑。我正在尝试在同一页面上向iframe提交网址。当我单击“提交”时,iframe会复制当前页面,但正确的URL位于复制的iframe中。我想知道它是否永远存在?发生这种情况的页面是http://www.4mobilesites.com,代码在下面。

<div class="mobile-logo">
<H2>How does your website look on a Mobile Device?</h2>
<?php 
$keyurl = $_POST['siteurl'];
?>

<form method="post" target="mobileframe" >
Enter your website's URL: <input type="text" name="siteurl" value="http://" size="50"><br>
<input type="submit" value="VIEW">
</form><br>
<a name="iframe-1"></a>
<div class="theiframewrap"><iframe name="mobileframe" class="theiframeid" src="<?php echo "$keyurl"; ?>" id="mobileframe"></iframe></div></div>

如果你在表单中提交了一个网址,然后向下滚动iframe和斜视,你会在iframe的iframe中看到正确的网址。

1 个答案:

答案 0 :(得分:0)

您可以像这样使用简单的帖子表单。我认为造成它的原因是因为该表格上的目标属性。它将您的整个页面发送到iframe。

<?php
$keyurl = '';
if(isset($_POST['siteurl'])) {
    $keyurl = $_POST['siteurl'];
    echo $keyurl;
}
?>

<div class="mobile-logo">
    <H2>How does your website look on a Mobile Device?</h2>
    <form method="post">
        Enter your website's URL: <input type="text" name="siteurl" value="http://" size="50"><br>
        <input type="submit" value="VIEW" />
    </form><br>
    <a name="iframe-1"></a>
    <div class="theiframewrap">
        <iframe name="mobileframe" class="theiframeid" src="<?php echo $keyurl; ?>"></iframe>
    </div>
</div>

或者,您只能使用jquery:

<div class="mobile-logo">
    <H2>How does your website look on a Mobile Device?</h2>
    <form method="post">
        Enter your website's URL: <input type="text" name="siteurl" value="http://" size="50"><br>
        <input type="submit" value="VIEW" />
    </form><br>
    <a name="iframe-1"></a>
    <div class="theiframewrap">
        <iframe name="mobileframe" class="theiframeid" src=""></iframe>
    </div>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    $('input[type="submit"]').on('click', function(e){
        e.preventDefault();
        var url = $('input[name="siteurl"]').val();
        $('.theiframeid').attr('src', url);
    });

});
</script>

重要提示:并非所有网站都允许您将自己的网站放在iframe上。 (雅虎和其他人)