Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/18: Рейтинг темы: голосов - 18, средняя оценка - 4.67
1 / 1 / 0
Регистрация: 21.01.2011
Сообщений: 112
1

Как вывести pop up окно в центре?

20.07.2011, 17:52. Просмотров 3771. Ответов 3
Метки нет (Все метки)


День добрый!
Подскажите, пожалуйста, как можно вывести pop up окно в центре с указанием ширины и высоты?

ниже код окна, который нужно вывести по центру указав ширину и высоту:

Javascript
1
2
3
4
5
<script type="text/javascript">//<![CDATA[
document.write('<a href="javascript:void window.open(\'<?php echo $product_full_image ?>\', \'win2\', \'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=<?php echo $full_image_width ?>,height=<?php echo $full_image_height ?>,directories=no,location=no\');">');
document.write( '<?php echo ps_product::image_tag( urldecode($product_thumb_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' ) ?></a>' );
//]]>
</script>
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.07.2011, 17:52
Ответы с готовыми решениями:

Как вывести окно формы в центре?
Окно должно быть не в разных углах, а по середине экрана ( и вообще как их регулировать ? ) int...

как удалить pop-up окно c рабочего стола
Нужна помощь!После посещения порно сайта на рабочем столе вылезла непристойная картинка,никак не...

Как сделать, чтобы, при закрытии родительского, pop-up окно тоже закрывалось?
открываю через &lt;img scr='image.gif' onLoad='window.open()'&gt;новое pop-up окно. как сделать, чтобы,...

Окно: создать 4 окна, в центре каждого из окон вывести номер окна в порядке создания(1-4)
Не могу справиться с программой, Нужно создать 4 окна. В центре каждого из окон вывести номер окна...

__________________
Помогаю в написании студенческих работ здесь.
Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
3
0 / 0 / 0
Регистрация: 25.07.2011
Сообщений: 4
25.07.2011, 12:21 2
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<script type="text/javascript"> 
$(document).ready(function(){
$.fn.makePopUp=function(popID,popWidth){
$(popID).fadeIn().css({ 'width': popWidth })
//Определяем отступы
    var popMargTop = ($(popID).height() + 20) / 2;
    var popMargLeft = ($(popID).width() + 20) / 2;
 
    $(popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });
 
    $('body').append('<div id="fade"></div>');
    $('#fade').css({'filter' : 'alpha(opacity=50)'}).fadeIn();
    $('.popup_block').css({'z-index':'9999'})
 
}
 
$.fn.closePopUp=function(){
    $('#fade , .popup_block').fadeOut(function() {
            $('#fade').remove();
    });
}
 
});
//отображаем попап для #anekdots
$(document).ready(function() {
a=$('#anekdots')
if (a.length>0){
$('#anekdots').makePopUp('#anekdots','800px'); //вот тут ширина
}
});
</script> 
/*----------MY CSS-----------------*/
#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .50;
z-index: 8888;
}
.popup_block{
display: none; /*--hidden by default--*/
background: #fff;
padding: 10px;
border: 5px solid grey;
float: left;
position: fixed;
top: 50%; left: 50%;
z-index: 9999;
/*--CSS3 Box Shadows--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
.myPopUp h1{
background:lime;
text-align:center;
}
.myPopUp input[type="button"]{
cursor: pointer;
color: white;
background-color: red;
font-size: 1.5em;
border: 1px solid #660;
padding: 4px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-top: 1px solid #660;
}
.probex{
text-align:right;
}
.anekdotitem{
border:1px dashed #D03300;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin:10px;
padding:5px;
background:#F7FFD6;
line-height: 120%;
}
.anekdotitem:hover{
background:yellow;
}
/*---------- END of MY CSS -------------*/
Что получилось можна посмотреть тут ну и уже передалать под высоту
0
1 / 1 / 0
Регистрация: 21.01.2011
Сообщений: 112
25.07.2011, 20:29  [ТС] 3
спасибо за пример, но мне нужно именно в данном коде указать центр и размеры:

<script type="text/javascript">//<![CDATA[
document.write('<a href="javascript:void window.open(\'<?php echo $product_full_image ?>\', \'win2\', \'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no ,resizable=yes,width=<?php echo $full_image_width ?>,height=<?php echo $full_image_height ?>,directories=no,location=no\');">');
document.write( '<?php echo ps_product::image_tag( urldecode($product_thumb_image), 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' ) ?></a>' );
//]]>
</script>
0
1 / 1 / 0
Регистрация: 21.01.2011
Сообщений: 112
23.08.2011, 11:51  [ТС] 4
Актуально.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
23.08.2011, 11:51

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Программа вырезает в центре экрана инверсное окно, в которое мы вводим символ, полностью заполняющий это окно
Всем доброго время суток. Пытаюсь разобраться с задачей. Программа очищает экран и вырезает в...

Pop-up окно
делаю попап окно. При клине на &quot;затемнении&quot; окошко закрывается(точнее скрывается). Но так же при...

Pop-under окно
Как сделать, что бы окно программы было под окнами других приложений?

Pop-Up окно не отображается
Здравствуйте. Подскажите, пожалуйста, почему не появляется pop-up окно. В таскбаре видно, что оно...

Передача значений в POP-UP окно
Здравствуйте, мне нужно сделать pop-up окно, которое выводит информацию в зависимости от того на...

Pop-up окно, после загрузки страницы
Всем привет, с js не знаком, нужно написать pop-up окно, которое будет показано новому...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.