1. Мы продолжаем публиковать интересные статьи на тему SocialEngine 4. Одна из статей посвящена правильному выбору сервера для вашей социальной сети, а другая содержит советы по увеличению производительности платформы. Также мы добавили большую статью о пользовательских уровнях. Ознакомиться со статьями вы можете в разделе Вопросы и Ответы SocialEngine 4.
  2. Вам кажется, что ваша версия SocialEngine 4, работает медленно?

    Голосуйте. Пишите свою версию системы, железо на чем работает и количество пользователей. Будем увеличивать производительность :-) Подробнее

  3. В связи с участившимися случаями попыток продажи пользователями форума различных "сборок" коммерческих социальных платформ, обычно основанных на SocialEngine 3, вводится новое правило для форума. Запрещается создание тем или размещение в уже созданных предложений о продаже или размещение ссылок на сайты, где происходит продажа "сборок". Пользователи, которые продолжат свою коммерческую деятельность в данном направлении, будут заблокированы. Подробнее.

Уравнивание высоты блоков: Javascript и HTML

Discussion in 'JavaScript' started by dream, Dec 15, 2010.

  1. dream Thread starter User


    Offline
    Message Count:
    144
    Likes Received:
    32
    Сегодня мы с вами сделаем простую, но интересную фишку - уравняем высоту двух (можно более) независимых html-блоков.
    --------------------------------------------------------------------------------------------------------------
    Итак, пусть у нас есть два блока:

    PHP:
    <style type="text/css">
       
    #block-one, #block-two {
          
    width300px;
          
    border1px solid #999;
          
    padding5px;
       }
       
    #block-one { float: left; }
       #block-two { float: right; }
    </style>
    <
    div id="block-one">
       
    olololooollllooololollllllllll.simpletextololololololoo
    </div>
    <
    div id="block-two">
       
    budisvudisdidispidisfidismololololo
       dolore te feugait nulla facilisi
    .
    </
    div>
    :D:confused:
    ------2------
    Допустим нам нужно сделать эти блоки с равной высотой (как-будто это ячейки одной строки одной таблицы). Для этого нам необходимо:

    Назначить на onload body функцию.
    В этой функции узнать максимальную высоту среди этих двух блоков
    Присвоить эту высоту всем блокам
    Скрипт, выполняющий эти задачи, представлен ниже:

    PHP:
    <script type="text/javascript">
    var 
    oldHandler window['onload']; // сохраняем старый onload (если есть)
    window['onload'] = function() {
       if(
    typeof(oldHandler) == 'function') {
          
    oldHandler();
       }
       
    setHeight(); // наша функция
    };
    function 
    setHeight() {
       var 
    b1 document.getElementById('block-one');
       var 
    b2 document.getElementById('block-two');
       if (!
    b1 || !b2) return;
       var 
    h1 b1.offsetHeight;
       var 
    h2 b2.offsetHeight;
       if (
    h1 h2) {
          
    b2.style.height = (h1 10) + 'px';
          
    b1.style.height = (h1 10) + 'px';
       }else if (
    h1 h2) {
          
    b1.style.height = (h2 10) + 'px';
          
    b2.style.height = (h2 10) + 'px';
       }
    }
    </script>
    Здесь перед присваиванием высоты отнимаются паддинги (-10), так как они входят в offsetHeight.
    ---------kod sper s DLE :oops::cool:---
  2. sewgen User


    Offline
    Message Count:
    259
    Likes Received:
    40
    My version of SE:
    3.20
    Сразу вопрос: а одними HTML+CSS нельзя так выровнять?
    В чем преимущество? Меньше кода? Скорость исполнения-загрузки ? ...
  3. dream Thread starter User


    Offline
    Message Count:
    144
    Likes Received:
    32
    так проше...менше кода...да и мне кажется быстрее грузит....я когда верстал на Jоомла так иногда делал... ИМХИО мне так удобней...можно и по другому...всегда есть выбор ;)
  4. J.O.K.E.R. User


    Offline
    Message Count:
    152
    Likes Received:
    27
    полезная штука, спасибо!
  5. sewgen User


    Offline
    Message Count:
    259
    Likes Received:
    40
    My version of SE:
    3.20
    Кхм... )))
    Gaviсk-шаблоны не "завалялись" где случайно? Я успел парочку тогда скачать у них. а оплата акка закончилась (((
  6. dream Thread starter User


    Offline
    Message Count:
    144
    Likes Received:
    32
    ггг .....да есть..(я наверно был более активным..почти всё у них выпер ;) ).какой надо....под соц сеть мне шаб нравится GK Quay...млин классний он....толко меня немного стабилность Jоомлы как соц-платформи пугает....если нужен какой шаб пишите в личку... ;)

Share This Page

All rights reserved SocEngine.ru ©