Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как управлять окном средствами CSS?
 
 автор: Владимир55   (05.06.2014 в 21:27)   письмо автору
 
 

Сайт имеет резиновую верстку и хорошо адаптируется к мониторам любой ширины. Но есть в нем функция открытия нового окна, в которой размеры и положение открываемого окна задаются в пикселях, а потому окно прыгает по экрану на разных мониторах.

Как бы задать ширину/высоту и центрирование этого окна через CSS в процентах, чтобы оно всегда было по середине экрана любой ширины и адаптировалось к его размеру?

<div style="background-image:url(/88-31.gif); width:88px; height:31px;">

<a href="#"
onClick="winObj = window.open ('/my-files/st/st-clic.php', 'myWin',
'top=200, left=200, width=500, height=400, status=no, titlebar=no, toolbar=no, scrollbars=no, menubar=no, location=no'); winObj.focus (); return false"
  
style="display: block; width: 100%; height: 100%">контент</a>

</div>

  Ответить  
 
 автор: moonfox   (06.06.2014 в 06:41)   письмо автору
 
   для: Владимир55   (05.06.2014 в 21:27)
 

.success {
    position:absolute;
    top:50%;
    left:50%;
    width:250px;
    height:20px;
    margin:-10px 0 0 -125px;
    z-index:1000;
}

  Ответить  
 
 автор: Владимир55   (06.06.2014 в 18:31)   письмо автору
 
   для: moonfox   (06.06.2014 в 06:41)
 

На результат совершенно не повлияло.

Собственно, а где здесь класс success ? Его же здесь нет.

  Ответить  
 
 автор: moonfox   (06.06.2014 в 18:56)   письмо автору
 
   для: Владимир55   (06.06.2014 в 18:31)
 

<script type="text/javascript">
function lol(w, h, url)
{
    var centerWidth=(window.screen.width-w)/2;
    var centerHeight=(window.screen.height-h)/2;
    var new_window = window.open(url, 'mywin','left='+centerWidth+', top='+centerHeight+', width='+w+',height='+h);
    new_window.focus();

return false;
}
</script>

<a href="#" onclick="lol(600, 300, 'r.html');">press</a>

  Ответить  
 
 автор: Владимир55   (06.06.2014 в 21:32)   письмо автору
 
   для: moonfox   (06.06.2014 в 18:56)
 

Работает замечательно, просто великолепно!

Спасибо!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования