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

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

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

Переключатели ON/OFF

Discussion in 'Архив тем' started by SSlevera, Mar 14, 2013.

  1. SSlevera Thread starter User


    Offline
    Message Count:
    5
    Likes Received:
    0
    Недавно мною было найдено вот это чудо)) http://proto.io/freebies/onoff/
    Сие чудо создает на чистом CSS переключатели аля iOs & Android и др.

    код который они предлагают выглядит следующим образом:
    Code:
    ...
        <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked>
        <label class="onoffswitch-label" for="myonoffswitch">
            <div class="onoffswitch-inner"></div>
            <div class="onoffswitch-switch"></div>
        </label>
    ...
    
    В Oxwall, например, в файле ow_system_plugins/base/views/controllers/user_search_index.html код выглядит так:
    Code:
    <td class="ow_label">
      {label name=$question.name}
    </td>
     
    <td class="ow_value">
      {input name=$question.name}
      <div style="height:1px;"></div>
      {error name=$question.name}
    </td>
    
    В исходном коде страницы, все выглядит так:
    Code:
    <tr class="ow_alt1 ">
      <td class="ow_label">
        <label>Пол</label>                                      
      </td>
      <td class="ow_value">
        <ul class="ow_checkbox_group clearfix">
          <li style="width:100%">
            <input name="sex[]" id="input_52438355" type="checkbox" value="1">
            <label for="input_52438355">Мужской</label>
          </li>
          <li style="width:100%">
            <input name="sex[]" id="input_42517090" type="checkbox" value="2">
            <label for="input_42517090">Женский</label>
          </li>
        </ul>
        <div style="height:1px;"></div>
        <span id="input_42517090_error" style="display:none;" class="error"></span>
      </td>
    </tr>
    
    Что весьма фигово, ибо не ясно где и как генерируется из тех переменных такие куски кода, не ясно как id инпута генерится, каким образом указать лейблу на id инпута, кто-нибудь, что-нибудь шарит где и как рождаются переменные для лейбла, которые в свою очередь нужны для привязки к инпуту?

    пока смог сделать только так:
    Code:
    <td class="ow_label">
    <div class="onoffswitch">
        {input name=$action.action id=$action.action class="onoffswitch-checkbox"}
        <label class="onoffswitch-label" for="{$action.action}">
        <!--{label class="onoffswitch-label" name=$action.action}-->
            <div class="onoffswitch-inner">
                <div class="onoffswitch-active"><div class="onoffswitch-switch">YES</div></div>
                <div class="onoffswitch-inactive"><div class="onoffswitch-switch">NO</div></div>
            </div>
        </label>
    </div>
    </td>
    
    результат этого в атаче Безымянный.png

Share This Page

All rights reserved SocEngine.ru ©