Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Другие темы раздела
JavaScript Скрипт мониторинга страницы https://www.cyberforum.ru/ javascript/ thread334787.html
Здравствуйте. Создал тему в этом разделе ибо даже найти не смог тему к которой относится мой вопрос. Подскажите как решить следующую задачу. Есть страница http://192.168.0.7/1/index12.php на...
JavaScript Кликабельный четырехугольник
Доброго времени суток, столкнулся с проблемой сделать кликабельным четырехугольники. Думал дивы сделать, но изображения залезут друг на друга. Подскажите пожалуйста решение, думаю с помощью JS это...
String.fromCharCode как увидеть? JavaScript
Я купил шаблон и в нем присутствовал следующий скрипт : <script type="text/javascript"> var temp="",i,c=0,out=""; var...
JavaScript showModalDialog() не работает в Опере добрый день...есть скрипт, который по нажатии на кнопку "Открыть окно" открывает модальное окно при помощи функции showModalDialog()...в IE и Mozilla работает нормально, а в Opera Next не... https://www.cyberforum.ru/ javascript/ thread334469.html
JavaScript msdn для JavaScript https://www.cyberforum.ru/ javascript/ thread334435.html
Добрый день. Подскажите, пожалуйста, есть ли какой-нибудь сайт с документацией по JavaScript, наподобие MSDN...?
как быстро научится передавать и принимать данные с помощью Ajax? JavaScript
Здравствуйте! Подскажите пожалуйста как быстро научится передавать и принимать данные с помощью Ajax? Спасибо заранее!
JavaScript данные с помошью Ajax
Здравствуйте! Подскажите пожалуйста как быстро научится передавать и принимать данные с помощью Ajax? Спасибо заранее!
JavaScript Ajax отправка запроса Помогите пожалуйста! У меня есть форма: <form id="myForm"> Введите имя:<br/> <input id="first_name" type="text" size="20"><br/><br/> <input id="last_name" type="text" size="20"><br/><br/>... https://www.cyberforum.ru/ javascript/ thread334253.html
JavaScript Скрипт со скользящими фото https://www.cyberforum.ru/ javascript/ thread334208.html
Скрипт со скользящими фото Помогите пожалуйста реализовать галерею со скользящими фото, что бы прокручивалось типо ленты. Что-то как на сайте http://dveri.oknasmart.com/ Может у кого есть...
JavaScript Как ограничить ввод данных в textarea Мне нужно сделать так: Чтобы, если количество символов в textarea превышает N, то вывести сообщение о том, что превышает, и обрезать строку в textarea до количества N символов. https://www.cyberforum.ru/ javascript/ thread334064.html
0 / 0 / 0
Регистрация: 25.07.2011
Сообщений: 4
25.07.2011, 12:21 0

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

25.07.2011, 12:21. Показов 3777. Ответов 3
Метки (Все метки)

Ответ

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 -------------*/
Что получилось можна посмотреть тут ну и уже передалать под высоту

Вернуться к обсуждению:
Как вывести pop up окно в центре?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
25.07.2011, 12:21
Готовые ответы и решения:

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

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

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

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

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