سلام
من میخواستم سایت وقتی باز میشه یه پاپ اپ باز بشه داخلش که مثلا داخلش یه عکس باشه که بگه روی این لینک کلیک کنید.
یک تکه کدی هم پیدا کردم ولی تا زمانی که روی دکمه Show Popup کلیک نشه نمایش داده نمیشه . من میخوام به صورت اتوماتیک سایت که باز شد اجرا بشه
<style type="text/css">
.overlay
{
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%;
background: #000;
display: none;
opacity: .5;
filter: alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.popup
{
position: absolute;
top: 10%;
left: 10%;
;
margin-top: -10px;
width: 640px;
height: 480px;
display: none;
background: white;
border:1px black;
}
</style>
<script type="text/javascript">
function showPopup() {
document.getElementById("overlay").style.display = "block";
document.getElementById("popup").style.display = "block";
}
function closePopup() {
document.getElementById("overlay").style.display = "none";
document.getElementById("popup").style.display = "none";
}
</script>
<a href="#" onclick="javascript:showPopup();return false;">Show Popup</a>
<div id="overlay" class="overlay">
</div>
<div id="popup" class="popup">
<h1>Hello World This is a test</h1>
<a href="#" onclick="closePopup(); return false;">Close Popup</a>
</div>
