Как я могу заставить DIV центрироваться на странице с помощью jQuery и blockUI?

Я рекомендую использовать REGEXP здесь:

SELECT at.*
FROM AddressTable at
INNER JOIN NamesTable nt
    ON at.Owner_Name REGEXP CONCAT('^', nt.Last_Name, ',');

Демо

Как упоминалось в предыдущих комментариях, указанная фамилия само по себе не может быть уникальным. Мы можем изменить приведенный выше запрос так, чтобы он также проверял имя, предполагая, что таблица имен также содержит это:

SELECT at.*
FROM AddressTable at
INNER JOIN NamesTable nt
    ON at.Owner_Name REGEXP CONCAT('^', nt.Last_Name, ',') AND
       at.Owner_Name REGEXP CONCAT(' ', nt.First_Name, ' 

Но даже у этого могут быть проблемы, потому что иногда люди имеют имя или фамилию, состоящую из два (или более) слова. Также возможна такая вещь, как отчество.

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

);

Но даже у этого могут быть проблемы, потому что иногда люди имеют имя или фамилию, состоящую из два (или более) слова. Также возможна такая вещь, как отчество.

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

13
задан Community 2 June 2012 в 01:09
поделиться

3 ответа

хм я не настолько знаком с blockUI, но основы центрирования отделения довольно универсальны. я предполагаю, что Вы хотите Ваш #confirmDialogue отделение центрировалось в целом экране?

если так, Вы хотите сделать несколько вещей:

#confirmDialogue {
    position: fixed;    // absolutely position this element on the page
    height: 200px;      // define your height/width so we can calculate with it after
    width: 300px;
}

теперь Ваш jQuery:

$('#triggerDialogue').click(function() {
    // to position #confirmDialogue, we need the window height/width
    var msg = $('#confirmDialogue');
    var height = $(window).height();
    var width = $(document).width();

    msg.css({
        'left' : width/2 - (msg.width() / 2),  // half width - half element width
        'top' : height/2 - (msg.height() / 2), // similar
        'z-index' : 15,                        // make sure element is on top
    });

    // etc...
});

в основном Вы хотите зафиксировать положение Вашего #confirmDialogue (так, чтобы можно было расположить его относительно размера окна/документа. left и top объявления вычисляются на основе элементов текущая высота/ширина, и высота окна и ширина документа.

8
ответ дан 2 December 2019 в 00:19
поделиться

Вы могли бы найти некоторую полезную информацию здесь. Используя jQuery для центрирования DIV на экране

2
ответ дан 2 December 2019 в 00:19
поделиться

вы также можете попробовать диалог jquery ui http://jqueryui.com/demos/dialog/

2
ответ дан 2 December 2019 в 00:19
поделиться
Другие вопросы по тегам:

Похожие вопросы: