gpt4 book ai didi

javascript - 如何为可在任何页面中使用的弹出程序创建外部js文件?

转载 作者:行者123 更新时间:2023-11-29 18:02:04 24 4
gpt4 key购买 nike

我有一个弹出框,显示有关我的站点的信息。我动态地制作这个弹出窗口。我从数据库中检索信息并显示在该弹出框中。我想在我网站的每个页面的右下角显示这个弹出框。

这是我的 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>

如果不是,那么您需要在所有需要的文件上放置相同的代码。

如果需要更多帮助,请告诉我。

关于javascript - 如何为可在任何页面中使用的弹出程序创建外部js文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34261778/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com