是否可以在弹出窗口中加载另一个php文件

我尝试创建一个系统，其中用户将点击一个链接并将该链接加载到同一页面上的弹出窗口中。例如;你有一个像是否可以在弹出窗口中加载另一个php文件

<a href='user_message.php?hash=$hash'>$username</a>

一个PHP链接是有可能，如果链路上的用户点击，它会在同一页面上弹出加载。请任何帮助，将不胜感激。

我有我的知识范围内 PHP

echo"<a href='account.php?hash=$hash>connect</a> 
<script type=text/javascript> 
    $('a').click(function (e) { 
e.preventDefault(); 
$('.boxes').fadeIn('slow').load('user_connect.php?hash=$hash'); 
}); 
</script>

我相信这个事实，我有prevntDefault上a不会使这项工作。请这怎么可能

来源

2017-02-09 Oke Tega

您可能想要考虑一个JavaScript插件，如[Fancybox]（http://fancybox.net/） – roberto06

您可以创建一个由CSS隐藏的div，点击链接后，您可以使其可见使用非常简单的jQuery！ – Soheyl

没有测试，但它应该是相当容易：

$(document).on('click', 'a', function(e){ 
    e.preventDeafult(); //don't let browser follow the link 

    var href = $(this).attr('href'); //get the href from original link 
    var options = "toolbar=no,location=no,directories=no,menubar=no,scrollbars=yes,width=500,height=500"; 
    //Now open the popup 
    window.open(href, 'NameOfTheWindow', options); 
})

记住，这个代码将覆盖behaivior你页面上的所有链接。如果只需要在弹出窗口中打开其中的一些，请添加类并在处理程序中使用它。

 $(document).on('click', 'a.js-open-in-popup', func...

来源

2017-02-09 15:31:22

CSS：

.pop { 
display: none; 
}

HTML：

<div id="pop" class="pop ">ur data</div> 
<a href="" id="link"></a>

JS：

jQuery(document).ready(function(){ 
jQuery("#link").click.(function(){ 
    jQuery("#pop").css("display", "block"); 
}); 
});

来源

2017-02-09 15:34:54 Soheyl

令人惊讶的在我的问题代码实际工作。注意到我已经解决了想在这里说明一下

问题的问题，因为我echoed的JavaScript在PHP的$hash是最初的问题的JS（原因访问是我写JS script的PHP代码之外，该.load有效地工作。

风格.boxes

.boxes { 
    width: 50%; 
    height: 50%; 
    position: fixed; 
    z-index: 9000; 
    display: none; 
    left: 25%; 
    top: 25%; 
    background-color: #ffffff; 
    box-shadow: 0 0 4px #ccc; 
    -webkit-box-shadow: 0 0 4px #ccc; 
    -moz-box-shadow: 0 0 4px #ccc; 
    -o-box-shadow: 0 0 4px #ccc; 
}

谢谢大家贡献参与ñ。

来源

2017-02-09 16:00:48

回答

相关问题