如何为可以在任何页面中使用的弹出过程创建外部js文件


How to create external js file for a popup procedure that can be used in any page?

我有一个弹出框,显示有关我的网站的信息。我使这个弹出动态。我从数据库中检索信息并显示在弹出框中。我想把这个弹出框显示在我网站上每个页面的右下角。

这是我的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中的文件路径,这可能会有所帮助。