Radmard_Rad
دوشنبه 12 بهمن 1388, 22:39 عصر
باز کردن پاپ آپ راه حل خوبی نیست . اول اینکه خیلی از مرورگرها بلاکش می کنن . دوم هم اینکه واقعا ایده ای ندارم چه طوری می شه صفحه را برای غیز قابل کلیک کنه .
استفاده از DOM و Ajax راه حل بهتریه .
1) توی صفحه ات دو تا لایه زیر را قرار بده .
<div id="blanket" style="display:none;"></div>
<div id="pop_up" style="display:none;"></div>
2) توابع زیر را به فایلت ضمیمه کن .
function toggle(div_id) {
var el = document.getElementById(div_id);
el.style.display = 'block';
}
function Hide(div_id) {
var el = document.getElementById(div_id);
el.style.display = 'none';
}
function blanket_size(popUpDivVar) {
if (typeof window.innerWidth != 'undefined') {
viewportheight = window.innerHeight;
} else {
viewportheight = document.documentElement.clientHeight;
}
if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
blanket_height = viewportheight;
} else {
if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
blanket_height = document.body.parentNode.clientHeight;
} else {
blanket_height = document.body.parentNode.scrollHeight;
}
}
var blanket = document.getElementById('blanket');
blanket.style.height = blanket_height + 'px';
var popUpDiv = document.getElementById(popUpDivVar);
popUpDiv_height=blanket_height/2-325;//150 is half popup's height
popUpDiv.style.top = popUpDiv_height + 'px';
}
function window_pos(popUpDivVar) {
if (typeof window.innerWidth != 'undefined') {
viewportwidth = window.innerHeight;
} else {
viewportwidth = document.documentElement.clientHeight;
}
if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
window_width = viewportwidth;
} else {
if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
window_width = document.body.parentNode.clientWidth;
} else {
window_width = document.body.parentNode.scrollWidth;
}
}
var popUpDiv = document.getElementById(popUpDivVar);
window_width=window_width/2-325;//150 is half popup's width
popUpDiv.style.left = window_width + 'px';
}
function popup(windowname) {
blanket_size(windowname);
window_pos(windowname);
toggle('blanket');
toggle(windowname);
}
function hide(windowname){
Hide(windowname);
Hide('blanket');
}
حالا فرض می کنیم می خوای روی یک لینک کلیک کنی و اطلاعاتی را که یک صفجه قراره بهت برگردونه را نشون بدی .
برای اینکار باید از Ajax استفاده کنی . اینکه چه طوری درخواستت را بگیری و توی یک لایه نمایش بدی را توی یک تاپیک دیگه نوشته بودم