我有一个弹出框,显示有关我的网站的信息。我使这个弹出动态。我从数据库中检索信息并显示在弹出框中。我想把这个弹出框显示在我网站上每个页面的右下角。
这是我的info_popup.php
<html>
<head>
<script src="../js/jquery-1.11.3.min.js"></script>
<link href="../css/jquery-ui-1.11.4.css" rel="stylesheet" />
<script src="../js/jquery.ui/jquery-ui-1.11.4.js"></script>
<script>
$(document).ready(function(){
var quest = $('input[name=info]').val();
$.ajax({
type:'POST',
url:'info_popup.js',
data:{quest:quest},
success: function(data){
alert("success");
},
error: function () {
alert("Error");
}
});
});
</script>
</head>
<body>
<?php
include("../config.php");
$sql = "select info from my_info";
$query = mysql_query($sql);
while($row = mysql_fetch_array($query)){
$info = $row['info'];
echo "<input type='"hidden'" value='"$info'" id='"info'" name='"info'" >";
}
echo "<div id='"dialog'" title='"Information'" >";
echo $info."<br/>";
echo "</div>";
?>
</body>
</html>
在我的info_popup.js 中
var info = $('input[name=info]').val();
alert(info);
$("#dialog").dialog({
autoOpen:true,
width:'auto',
modal: true,
});
$(window).resize(function() {
$("#dialog").dialog("option", "position", {my: "center", at: "center", of: window});
});
我想我需要更改这个js文件。但我不知道怎么做。
当我运行info_popup.php时,我可以看到包含信息的弹出框。
我想说的主要一点是,当我从主页或任何其他类似的页面调用这个js时
<script src="www.myurl.com/js/info_popup.js">
我想用弹出框显示信息的整个过程。因为我不想在每一页都写弹出框的整个过程。
在我将这个脚本添加到home.php并运行之后,它就不起作用了。
我不知道怎么做,因为我是网络开发的新手。我非常感谢你的建议。
请检查页眉或页脚在您的网站中是否常见。
如果是,则将代码放在下方
<script type="text/javascript" src="full path to file"></script>
若并没有,那个么你们需要在需要的地方把相同的代码放在所有文件上。
如果需要更多帮助,请告诉我。
就在每页的</head>
标记之前,放上你的代码,并特别确保放上Deepak Dholiyan提到的代码,比如这个
<script type="text/javascript" src="www.myurl.com/js/login_popup.js"></script>
对于测试,如果您将js脚本下载到计算机上,并从桌面添加src中的文件路径,这可能会有所帮助。