Fatal编程技术网
  • php/
  • Php 页面加载时未显示对话框

Php 页面加载时未显示对话框

php javascript jquery

Php 页面加载时未显示对话框,php,javascript,jquery,dialog,jquery-ui-dialog,Php,Javascript,Jquery,Dialog,Jquery Ui Dialog,我有一个php页面，可以将数据插入数据库，插入后它会重定向到另一个页面，我希望在插入数据时，我可以向用户显示一个对话框，插入几乎需要2分钟，所以我在页面的开头编写了这段代码 <script src="../js/jquery-1.9.1.min.js"></script> <script src="../js/jquery-ui-1.10.2.custom.min.js"></script> <link rel="s

我有一个php页面，可以将数据插入数据库，插入后它会重定向到另一个页面，我希望在插入数据时，我可以向用户显示一个对话框，插入几乎需要2分钟，所以我在页面的开头编写了这段代码

    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/jquery-ui-1.10.2.custom.min.js"></script>

    <link rel="stylesheet" href="../css/jquery-ui.css" />
</head>
<script>
    function dialogsf() {
        $("#loadingsf").dialog({
            hide: 'slide',
            show: 'slide',
            autoOpen: true
        });
        $("#loadingsf").dialog('open').html("<p>Please Wait...</p>");
        alert("dfsd");
    }

    window.onload = function() {
        dialogsf();
    };
</script>
<body>
    <div id="loadingsf" title="Import"> 
        <p>Please wait ...</p>
    </div>


函数对话框sf（）{
$（“#加载F”）。对话框({
隐藏：“幻灯片”，
放映：'幻灯片'，
自动打开：正确
});
$（“#loadingsf”）.dialog（'open'）.html（“请稍候…
”）；
警报（“dfsd”）；
}
window.onload=函数（）{
dialogsf（）；
};
请稍候
插入时没有出现对话框，我尝试了
javascript:dialogsf（）
；从URL选项卡，然后我可以看到对话框，我缺少什么吗？

请尝试以下脚本<代码>和
标记位于打开的对话框中

function dialogsf() {
        $("#loadingsf").dialog({
            hide: 'slide',
            show: 'slide',
            autoOpen: true
        });

        $("#loadingsf").dialog('open').html("Please Wait...");

    }

$(function () {
    dialogsf();
    });
在这里的jsfiddle中检查它

注意：这是一个“提示性”答案，用作示例

这是我上传文件时使用的东西，它对我很有用，你可以基于这个想法

当一切发生时出现的弹出框，在我的上传完成后自动消失，也可以为您工作

HTML 


正在上载。。。请稍候。

在完成之前不要关闭此窗口。
CSS 

#装载{
位置：绝对位置；
z指数：1；
边框：3倍双人床#999；
背景：#f7f7f7；
宽度：300px；
高度：300px；
利润上限：-150px；
左边距：-150px；
最高：50%；
左：50%；
文本对齐：居中；
字体系列：“投石机MS”，verdana，arial，tahoma；
字号：18pt；
}
JS 

变异射线={
ajax：函数（st）
{
这个.show（'load'）；
},
显示：功能（el）
{
this.getID（el.style.display=''；
},
getID：函数（el）
{
返回文档.getElementById（el）；
}
}
与PHP标签有什么关系？@Fred ii-因为我在一个PHP页面上写下了所有这些，可能是一些PHP的家伙遇到了同样的问题，虽然它与PHP无关，但谁知道实际原因是什么，而且它没有任何破坏性；）你能试试jquery的ready方法吗？@parixit刚刚试过，它给出了同样的回答，什么也没发生。@user1765876不客气。然而，你可以“立足”于它。您不必使用其中的Ajax。我相信它可以被一个常规的JS方法所取代。因为PHP，我甚至可以通过javascript:dialogsf（）看到对话框，然后发布PHP代码。这是一个简单的PHP插入函数，它不断地在DB中插入值，并在页面上回显它们..这个回显会出现在对话框的html中吗？你们是用ajax还是用页面刷新来实现这一点的？这在页面上很简单，echo'$abc'；没有其他，没有它不是通过页面刷新 
<div id="load" style="display:none;"><br><br>Uploading... Please wait.<br><hr><br>Do not close this window until it has finished.</div>

<form action="upload.php" method="post" enctype="multipart/form-data" accept-charset="ISO-8859-1" name="form1" id="form1" onsubmit="return checkFields();">

<input type="submit" name="Submit" value=" Click here to UPLOAD when ready " />

<style type="text/css">
#load{
position:absolute;
z-index:1;
border:3px double #999;
background:#f7f7f7;
width:300px;
height:300px;
margin-top:-150px;
margin-left:-150px;
top:50%;
left:50%;
text-align:center;
font-family:"Trebuchet MS", verdana, arial,tahoma;
font-size:18pt;
}
</style>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript">
var ray={
ajax:function(st)
    {
        this.show('load');
    },
show:function(el)
    {
        this.getID(el).style.display='';
    },
getID:function(el)
    {
        return document.getElementById(el);
    }
}
</script>