Html 如何将参数传递到DIV部分

Html 如何将参数传递到DIV部分,html,dialog,Html,Dialog,我想用html5设计这个对话框。此对话框应接受自由文本和图像作为参数。我试图打开对话框,如下所示。。现在我想传递参数,以便在任何地方都可以使用该对话框 <!DOCTYPE html> <html> <head> <style> #overlay {

我想用html5设计这个对话框。此对话框应接受自由文本和图像作为参数。我试图打开对话框,如下所示。。现在我想传递参数,以便在任何地方都可以使用该对话框

                <!DOCTYPE html>
            <html>

            <head>
                <style>
                    #overlay
                    {
                        visibility: hidden;
                        position: fixed;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        text-align: center;
                        z-index: 200;
                        background-image: url(maskBG.png);
                    }

                        #overlay div
                        {
                            width: 300px;
                            margin: 100px auto;
                            background-color: #fff;
                            border: 1px solid #400;
                            padding: 15px;
                            text-align: center;
                        }

                    .close
                    {
                        text-decoration: underline;
                    }
                </style>

                <script>
                    function overlay() {

                        var el = document.getElementById("overlay");
                        el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";

                    }

                    function overlayTest(arg) {

                        //alert(arg);
                        var el = document.getElementById("overlay").click(moveImages('Testing123'));
                        //alert(arg);
                        // el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";

                    }

                    function close() {
                        document.getElementById("overlay").style.visibility = 'hidden';
                    }

                    function moveImages(arg) {
                        alert('in Move Images');
                    }


                </script>

            </head>

            <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">

                <p align="center">

                    <button type="button" onclick="overlay()" id="btnEffluentTreatment">EFFLUENT TREATMENT</button>
                    <button type="button" onclick="overlayTest('My MyTesting')" id="btnTry">Try1</button>

                </p>

                <div id="overlay" >
                    <div>
                        <p>
                            <img src="010.png" />
                            Content/Images whatever we want the user to see goes here.

                        </p>
                        <button type="button" onclick="overlay()" id="btnEffluentTreatment">Close</button>



                    </div>
                </div>

            </body>

            </html>

#覆盖层
{
可见性:隐藏;
位置:固定;
左:0;
排名:0;
宽度:100%;
身高:100%;
文本对齐:居中;
z指数:200;
背景图片:url(maskBG.png);
}
#覆盖分区
{
宽度:300px;
保证金:100像素自动;
背景色:#fff;
边框:1px实心#400;
填充:15px;
文本对齐:居中;
}
.结束
{
文字装饰:下划线;
}
函数覆盖(){
var el=document.getElementById(“覆盖”);
el.style.visibility=(el.style.visibility=“可见”)?“隐藏”:“可见”;
}
函数覆盖测试(arg){
//警报(arg);
var el=document.getElementById(“覆盖”)。单击(moveImages('Testing123');
//警报(arg);
//el.style.visibility=(el.style.visibility=“可见”)?“隐藏”:“可见”;
}
函数关闭(){
document.getElementById(“overlay”).style.visibility='hidden';
}
函数移动图像(arg){
警报(“在移动图像中”);
}

污水处理 Try1

我们希望用户看到的内容/图像都在这里。

接近
对于这种情况,我将创建一个内部html标记,可以是div标记,并设置为display:none。当用户单击一个父项时,我将读取子项并附加到覆盖div。是的,我现在正在做的是。。。但问题是如何将要显示的消息传递给该DIV?