X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Выравнить окно по центру экрана
scva
scva
Topic Starter сообщение 23.8.2010, 15:13; Ответить: scva
Сообщение #1


необходимо чтоб всплывающее окно позиционировалось строго по центру экрана[PHP]<script language=JavaScript>

function show_bar(ev) {

MouseX = ev.clientX + document.body.scrollLeft;
MouseY = ev.clientY + document.body.scrollTop;
obj = document.getElementById("win");

obj.style.top = MouseY + 10;
obj.style.left = MouseX;
obj.style.visibility = "visible";

}

function hide_bar() {

document.getElementById("win").style.visibility="hidden"

}

</script>[/PHP]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 23.8.2010, 15:32; Ответить: locky-yotu
Сообщение #2


вот простенькая функция, выравнивающая элемент по центру экрана:
[PHP]function alignObj(obj) {
obj.style.position = 'fixed';
obj.style.top = '50%';
obj.style.left = '50%';
obj.style.margin = '-'+(obj.offsetHeight/2)+'px 0 0 -'+(obj.offsetWidth/2)+'px';
}[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
scva
scva
Topic Starter сообщение 23.8.2010, 16:06; Ответить: scva
Сообщение #3


отображается корректно только в фф
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 23.8.2010, 16:22; Ответить: locky-yotu
Сообщение #4


(scva @ 23.8.2010, 19:06) *
отображается корректно только в фф

не-не-не, Дэвид Блейн ©
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 23.8.2010, 16:29; Ответить: Alcorn
Сообщение #5


На тестовом примере некорректо только в IE6, во всех остальных гуд.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
scva
scva
Topic Starter сообщение 23.8.2010, 18:19; Ответить: scva
Сообщение #6


(Alcorn @ 23.8.2010, 19:29) *
На тестовом примере некорректо только в IE6, во всех остальных гуд.

страно
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 24.8.2010, 5:39; Ответить: Alcorn
Сообщение #7


(scva @ 23.8.2010, 21:19) *
страно


Чтобы не было странно, нужно привести код, который вы запускаете (от доктайпа до </html>). Никто из нас понятия не имеет что у вас там за код.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 24.8.2010, 5:47; Ответить: Zippovich
Сообщение #8


:wacko:

неужели для этого необходим JS?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 24.8.2010, 6:00; Ответить: Alcorn
Сообщение #9


(Zippovich @ 24.8.2010, 08:47) *
:wacko:

неужели для этого необходим JS?


Можно без js измерить окно (div) и поставить его по середине? Если да, тогда ненужен :rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 24.8.2010, 6:38; Ответить: Zippovich
Сообщение #10


Ты хочешь сказать что так сейчас уже не модно?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Universal vertical center with CSS</title>
<style>
html, body {height: 100%}
html, body, div {padding: 0; margin: 0}
.greenBorder {background: green} /* just borders to see it */
</style>
</head>
<body>
<div class="greenBorder" style="display: table; height: 100%; width: 100%; #position: relative; overflow: hidden;">
<div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
<div class="greenBorder" style=" #position: relative; #top: -50%; background: red; width: 300px; margin: 0 auto">
any text<br>
any height<br>
any content, for example generated from DB<br>
everything is vertically centered
</div>
</div>
</div>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) От какого экрана будут меньше уставать глаза OLED или IPS?
3 metvekot 981 12.3.2024, 16:25
автор: MisterBit
Открытая тема (нет новых ответов) Подборка экрана к ноутбук
12 L1nk_321 2533 5.3.2024, 14:10
автор: AlenaHead
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2630 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Прижать к низу экрана
2 sergei_burg 5379 2.9.2018, 23:17
автор: -dkflbr-
Открытая тема (нет новых ответов) Сообщений: 72 [В закладки] [Окно ответа] #1 Senior Frontend Developer, М/МО
0 itincorp 1766 18.4.2018, 14:40
автор: -itincorp-


 



RSS Текстовая версия Сейчас: 28.3.2024, 12:44
Дизайн