ehsan2007
شنبه 03 آذر 1386, 21:42 عصر
سلام به دوستان عزیز
شما میتونی یک div تعریف کنید که با اون بتونید صفحه خودتونو به شکلی که گفتید در بیارید
ابتدا
<div id="transparentOverlay" style="
position:absolute;display:none;left:0px;z-index:-1;width:102%; top: 0px;"><div style="
position:absolute;left:0;z-index:-1;width:100%;height:100%;filter:progid:DXImageTran sform.Microsoft.AlphaImageLoader(src='image/overlay_25x25.png',sizingMethod="scale");
"></div></div>
با این کد یک div که توی صفحه قرار داره ولی ارتفاع نداره رو تعریف کردید حالا شما وقتی که میخواید صفحه شما باز ر گزاری بشه و صفحه شما سیاه رنگ بشه باید ارتفاع اونو به اندازه صفحه کنید
که با کد این ارتفاع هر جدول یا div که تعریف کردید رو میتونید بازگردانی کنید
document.getElementById('page').offsetHeight;
به جای page اسم جدول یا div بگذارید
خوب در مورد عکس پس زمینه اونم بگم که شما باید یک عکس با پسوند png که به صورت شیشه ای باشه رو قرار بدید
در مورد فیلتر ماکروسافتم بگم که فقط مرور گر ie باهاش کار میکنه با فایرفکس کار نمیکنه اگه کسی یاد داره که با فایرفکس کار میکنه به منم بگه
خوب حالا هنگام فرا خوانی و افزایش اندازه div هستش
وقتی که فرد دکمه رو زد که تابع جاوا اسکریپت شما به سمت سرور اطلاعات رو فرستاد باید قبلش تابع ای رو فراخوانی کنید که اندازه div رو به اندازه صفحه بکنه
که با تابع جاوا اسکریپت زیر این کار انجام میشه
function layershow()
{
document.getElementById('transparentOverlay').styl e.height=730;
document.getElementById("transparentOverlay").style.display = "inline";
document.getElementById('transparentOverlay').styl e.zIndex='100';
}
برای باز گرداندن و ناپدید کردن صفحه کدر هم این تابعرو استفاده میکنیم
function layerhide()
{
document.getElementById('transparentOverlay').styl e.height=0;
document.getElementById("transparentOverlay").style.display = "none";
document.getElementById('transparentOverlay').styl e.zIndex='-1';
}
من توی صفحه ای که طراحی کرده بودم اندازه صفحه رو میدونستم که چقدره ولی شما اگه نمیدونید میتونید با همون کدی که اول گذاشتم اندازه ارتفاع تمامی جدولهارو جمع کنید و در آخر به جای 700 بگذارید
تمامی کدهایی که گذاشتم توی لینک باکسی که درست کردم هست
برید نگاه کنید همه کدهارو متوجه میشید
www.box.irking.ir (http://www.box.irking.ir/)
موفق باشید