10
मैं निम्नलिखित कोड एक नया पॉपअप विंडो खुलती है, जबकि पृष्ठभूमि को अक्षम, समस्या मैं इस स्थिति इतना है कि यह ऊपर से 100px है है है (पहले से ही मिल गया है कि सीएसएस #dialog के माध्यम से) और यह भी के केंद्र में स्क्रीन, कोई फर्क नहीं पड़ता कि उपयोगकर्ता का संकल्प क्या है?मैं जावास्क्रिप्ट सीएसएस पॉपअप div कैसे केंद्रित करूं, कोई फर्क नहीं पड़ता कि स्क्रीन रिज़ॉल्यूशन क्या है?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function showPopUp(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementById(el)
cvr.style.display = "block"
dlg.style.display = "block"
if (document.body.style.overflow = "hidden") {
cvr.style.width = "1024"
cvr.style.height = "100%"
}
}
function closePopUp(el) {
var cvr = document.getElementById("cover")
var dlg = document.getElementById(el)
cvr.style.display = "none"
dlg.style.display = "none"
document.body.style.overflowY = "scroll"
}
</script>
<style type="text/css">
#cover {
display: none;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: gray;
filter: alpha(Opacity = 50);
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5
}
#dialog {
display: none;
left: 100px;
top: 100px;
width: 300px;
height: 300px;
position: absolute;
z-index: 100;
background: white;
padding: 2px;
font: 10pt tahoma;
border: 1px solid gray
}
</style>
</head>
<body>
<div id="cover"></div>
<div id="dialog">
My Dialog Content
<br><input type="text">
<br><input type="button" value="Submit">
<br><a href="#" onclick="closePopUp('dialog');">[Close]</a>
</div>
<a href="#" onclick="showPopUp('dialog');">Show</a>
</body>
</html>
कृपया अपना कोड ठीक से प्रारूपित करें ताकि यह पठनीय हो। मैंने इस बार आपके लिए यह किया था। साथ ही, मैंने देखा है कि आपके जावास्क्रिप्ट कोड में कोई अर्धविराम नहीं है (';'), यह बहुत बुरा अभ्यास है! प्रत्येक कथन अर्धविराम से समाप्त किया जाना चाहिए। –