Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.11.2012, 18:01
Аспирант
Отправить личное сообщение для alex2012 Посмотреть профиль Найти все сообщения от alex2012
 
Регистрация: 05.01.2012
Сообщений: 76

Центрирование Div-а ч2
Подскажите по этому коду

http://jsfiddle.net/9zwD4/707/

html

<button class="medium blue show" box="createUser">Создать</button>
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
<button class="medium blue show" box="createUser">Создать</button>
<div class="hiddenBlock" id="createUser">
    <form action="index.php" method="post">
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
          Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
          Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
          Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
          Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
          Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
          Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        <button class="medium green">Создать2</button>
        <button class="medium blue close">Закрыть</button>
    </form>
</div>
<div id="bg"></div>

css

#bg {
    width:100%;
    height:100%;
    position:fixed;
    top:0;left:0;
    background:black;
    display:none;
    z-index:601; /* так получилось, что у меню в KickStart стоит z-index 600 */
    opacity:0.3;
}

.hiddenBlock {
    position:absolute;
    margin: 0 auto;
    top:20%;
    left:50%;
    z-index:602;
    width:400px;
    background:#efefef;
    border: 1px solid #ccc;
    padding:10px 20px;
    border-radius:10px;
    margin-left:-210px;
    display:none;
}


javascript
$(document).ready(function(){
    $(".show").click(function(){
        $("#bg").show();
        $("#"+($(this).attr("box"))).slideDown("fast");
    });
    $(".close").click(function(){
        $("#bg").hide();
        $(".hiddenBlock").slideUp("fast");
        return false; //чтобы не активировалась форма, в которой кнопка закрытия
    })
});


Подскажите как по нажатию на кнопку
<button class="medium green">Создать2</button>

отступ от верхнего края был точно такой как
как при нажатии
<button class="medium green">Создать</button>

Последний раз редактировалось alex2012, 15.11.2012 в 18:04.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При нажатии на ссылку раскрываются все div anonimous jQuery 1 09.08.2012 14:49
проблема с div И animate g00000dman jQuery 2 24.03.2011 23:34
Закрытие прозрачного div при щелчке мыши в любой его области mav1 Элементы интерфейса 8 09.02.2011 19:25
Проблема с load в div и импортом стороннего кода с помощью javascript 1quick1 Events/DOM/Window 9 04.02.2011 13:16
animate, всплывающий div box сделать по центру zero_mod jQuery 1 27.10.2010 00:23