Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [jQuery UI Dialog] Как прижать окно к левому краю / 7 сообщений из 7, страница 1 из 1
24.10.2012, 09:58:44
    #38010911
kasik
kasik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[jQuery UI Dialog] Как прижать окно к левому краю
Как сделать, что бы диалоговое окно прилипло к трем сторонам левого края, то есть по левому, верху и низу.
Ширина постоянная, а высота в зависимости от размеров самого окна браузера, но с каким то минимальным значением.

Спасибо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.10.2012, 10:39:25
    #38010964
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[jQuery UI Dialog] Как прижать окно к левому краю
Код: html
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.
<!DOCTYPE HTML>
<html>  
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js"></script>
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" type="text/css">
</head>  
<body>
  <div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be closed with the 'x' icon.</p>
  </div>
  <script>      
    $('#dialog').dialog({
      draggable: false,
      position: ['left', 'top'], // диалоговое окно прилипло по левому и верху
      resizable: false
    });
      
    var dialogConteiner = $('#dialog').closest('.ui-dialog');
    
    // диалоговое окно прилипло к низу  
    dialogConteiner.css('bottom', 0);
      
    var difference = $(window).height() - dialogConteiner.height(), minimumHeight = 300;
      
    $(window).resize(onWindowResize);
        
    function onWindowResize() {
      // высота в зависимости от размеров самого окна браузера, но с каким то минимальным значением
      if ($(this).height() < minimumHeight + difference) {
        dialogConteiner.height(minimumHeight);
      } else {
        dialogConteiner.height('auto');
      }
    }
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.10.2012, 11:11:55
    #38011012
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[jQuery UI Dialog] Как прижать окно к левому краю
Упс, ошибка в слове Container :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.10.2012, 11:27:19
    #38011033
kasik
kasik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[jQuery UI Dialog] Как прижать окно к левому краю
Это грамматика и не столь важна в данном случаи.
Код не работает в IE, скорее всего потому что плохо относится к auto выставленной в высоте.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.10.2012, 11:34:50
    #38011039
kasik
kasik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[jQuery UI Dialog] Как прижать окно к левому краю
сам допилил, изменив последнюю строчку на
Код: javascript
1.
dialogConteiner.height($(this).height());



Большое спасибо за помощь!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.10.2012, 12:23:41
    #38011151
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[jQuery UI Dialog] Как прижать окно к левому краю
kasikЭто грамматика и не столь важна в данном случаи.
Код не работает в IE, скорее всего потому что плохо относится к auto выставленной в высоте.В IE7 что-ли? Я в IE9 проверял.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.10.2012, 12:55:43
    #38011237
kasik
kasik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[jQuery UI Dialog] Как прижать окно к левому краю
У меня 9-й но работать система должна под 7-м.
То есть в 9-ом сейчас с auto не работало, только с жестким заданием числом.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [jQuery UI Dialog] Как прижать окно к левому краю / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 917ms
Закрыть
start [/forum/search_topic.php?author=erosca&author_mode=last_posts&do_search=1]:
 0ms
get settings:
 9ms
get forum list:
 19ms
get settings:
 10ms
get forum list:
 21ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 78ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 49ms
get tp. blocked users:
 2ms
others: 707ms
total:  917ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]