Question

我想在html5中设计对话框。此对话框应接受freetext和image作为参数。我试图打开如下对话框。现在我想传递参数，以便我可以在任何地方使用该对话框..

                <!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>

如何将参数传递给DIV部分

0 个答案: