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