ФорумПрограммированиеJavaScript → jquery dialog центрировать внутри кастомного контейнера

jquery dialog центрировать внутри кастомного контейнера

  • krasun

    Сообщения: 1370 Репутация: N Группа: Джедаи

    Spritz 16 июля 2011 г. 14:11, спустя 2 минуты 4 секунды

    окей
  • krasun

    Сообщения: 1370 Репутация: N Группа: Джедаи

    Spritz 21 июля 2011 г. 13:43, спустя 4 дня 23 часа 32 минуты

    завтра попробую найти пример. )

    Я так и не знаю, когда настанет, завтра. Но mario, мож глянуть, если конечно не сложно. А то у меня уже куча этих диалогов и всех их центрирую подеццки
  • mario

    Сообщения: 6067 Репутация: N Группа: Джедаи

    Spritz 21 июля 2011 г. 14:02, спустя 19 минут 9 секунд

    бля… Нужно было раньше написать сюда )))
    Сейчас посмотрим, как раз сижу работаю )
  • krasun

    Сообщения: 1370 Репутация: N Группа: Джедаи

    Spritz 21 июля 2011 г. 14:08, спустя 6 минут 9 секунд


    бля… Нужно было раньше написать сюда )))
    Сейчас посмотрим, как раз сижу работаю )

    та я забыл, сегодня вернулся к коду и опять вспомнил
  • mario

    Сообщения: 6067 Репутация: N Группа: Джедаи

    Spritz 21 июля 2011 г. 15:46, спустя 1 час 37 минут 35 секунд

    в общем наебал я тебя… то другое мы центрировали через .position…
    А диалоги мы центрировали так:

    this.dialogX = $(this.dialogInner).width() - $(this.dialogInner).outerWidth()/2;
    this.dialogY = $(this.dialogInner).height() - $(this.dialogInner).outerHeight()/2 + $(this.dialogClass).outerHeight();

    $('#dialog').dialog({
    autoOpen: false,
    width: 200,
    height: 200,
    dialogClass: this.dialogClass,
    buttons: this.dialogButtons,
    position: [this.dialogX,this.dialogY]
    });

    хтмл примерно так выглядит:
    <div id="dialogInner">
    <div id="dialog"></div>
    </div>
    Спустя 50 сек.
    dialogInner должен быть с заданой высотой, хотя точно не знаю, т.к. в цсс лезть далеко ))
  • krasun

    Сообщения: 1370 Репутация: N Группа: Джедаи

    Spritz 22 июля 2011 г. 5:37, спустя 13 часов 51 минуту 23 секунды


    А диалоги мы центрировали так:

    this.dialogX = $(this.dialogInner).width() - $(this.dialogInner).outerWidth()/2;
    this.dialogY = $(this.dialogInner).height() - $(this.dialogInner).outerHeight()/2 + $(this.dialogClass).outerHeight();

    $('#dialog').dialog({
    autoOpen: false,
    width: 200,
    height: 200,
    dialogClass: this.dialogClass,
    buttons: this.dialogButtons,
    position: [this.dialogX,this.dialogY]
    });

    хтмл примерно так выглядит:
    <div id="dialogInner">
    <div id="dialog"></div>
    </div>
    Спустя 50 сек.
    dialogInner должен быть с заданой высотой, хотя точно не знаю, т.к. в цсс лезть далеко ))




    // $appCon node относительно которого центрирую
    var positionX = $appCon.position().left + $appCon.width() / 2 - $crGmDlg.dialog("option", "width") / 2;
    var positionY = $appCon.position().top + $appCon.height() / 2 - $crGmDlg.dialog("option", "height") / 2;
    var position = [Math.round(positionX), Math.round(positionY)];



    Ну как я и делаю, короче
    Спустя 64 сек.
    Все равно, спасибо, что посмотрел

Пожалуйста, авторизуйтесь, чтобы написать комментарий!