Javascript 如何在php echo中添加代码，使其在调用时成为弹出窗口？_Javascript_Php_Html_Popup_Window

Javascript 如何在php echo中添加代码，使其在调用时成为弹出窗口？

javascript php html

Javascript 如何在php echo中添加代码，使其在调用时成为弹出窗口？,javascript,php,html,popup,window,Javascript,Php,Html,Popup,Window,我想插入一些PHP来显示弹出框。我有以下HTML/CSS/Javascript代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> .poppup_

我想插入一些PHP来显示弹出框。我有以下HTML/CSS/Javascript代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style>
        .poppup_overlay{ 
            display: none;
            position:fixed;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            background-position:fixed;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }

        * html .poppup_overlay { /* ie6 hack */
            position: absolute;
            height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        }

        .poppup_content {
            display: none;
            position:fixed;
            width:450;
            height:110;
            top: 40%;
            left: 35%;
            padding: 4px;
            border: 3px solid #009933;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }

        * html .poppup_content { /* ie6 hack */
            position: absolute;
            margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
        }

        .button {
            display:block;
            font-weight:normal;
            font-size:18px;
            font-family:Calibri;
            color:#009933;
            background-color:#ffffff;
            width:100px;
            text-decoration:none;
            text-align:center;
            padding:4px;
            border-top: 2px solid #b2b2b2;
            border-bottom: 2px solid #b2b2b2;
            border-left: 2px solid #b2b2b2;
            border-right: 2px solid #b2b2b2;
        }

        .button:hover,.button:active {
            background-color:#fff;
            border-color:#009933;
        }
    </style>

</head>

<body>

    <p>
        Click <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a>
    </p>

    <div id="light" class="poppup_content">

        <table>
            <tr>
                <td><img src="popname.png" /></td>
            </tr>
            <tr></tr>
            <tr>  
                <td><font color="#009933" face="calibri">Your message has been successfully sent !</font></td>
                <tr></tr>
            </tr>
        </table>  

        <p align="right">
            <a class="button" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a>
        </p>

    </div>

    <div id="fade" class="poppup_overlay"></div>

</body>
</html>

你可以在线测试

我的问题是如何将这段代码集成到php echo中，以便php能够响应弹出框？如果你需要更多的细节告诉我。我们将非常感谢您的帮助。提前感谢：

单击

这就是你要找的吗？

弹出框可以通过javascript而不是php提供，你也可以使用JQuery UI对话框进行更多的交互。弹出框本身是服务器端编程语言，不能自己创建弹出框。您需要客户端脚本作为JS或DHTML类型来执行该操作。@Pranav c我已经创建了上面的html、javascript和css代码。这是一个看起来很像的弹出框。但是如何在php中使用它呢？@Dainis Abols我不希望php给我创建一个弹出窗口。我所需要的就是将上述代码集成到php echo中。二者：谢谢你的帮助：就像你可以在html中编写php代码一样，不支持IE6，这是不必要的。甚至IE8也即将退出@Ash King不，事实上。我想把代码放在php-echo中，而不是代码中的php-echo:P。但感谢您的尝试：它是html内部的php-echo，但也会回显html，开始有点自相矛盾，但不用担心，哈哈