Форум поддержки Social Engine
Вернуться   Форум поддержки Social Engine > Social Engine v2.0 + > Плагины, моды, хаки
Перезагрузить страницу Селекты как на вк
Плагины, моды, хаки В этом разделе можно найти различные дополнения к движку

Ответ
 
Опции темы Опции просмотра
  (#1) Старый
lober lober вне форума
Заблокирован
lober имеет немного плохого в прошлом
 
Сообщений: 72
Вы сказали Спасибо: 0
Поблагодарили 11 раз(а) в 6 сообщениях
Вы выразили Негатив: 0
Выразили негатив 9 раз(а) в 8 сообщениях
Регистрация: 11.06.2011
Вес репутации: 0
Версия SE: v 2.7
По умолчанию Селекты как на вк - 03.08.2011, 02:34

Значить кто хочит селекты как на вк не вытягивая код из вк вот вам решения проблемы
Ставте в самый низ в ту страницу где хотим видеть селекты
Код HTML:
{literal}
<style type='text/css'>
  #presence{display:none!Important}
#content{padding:0px!important}


.sec.overf .sel_imul .sel_options{

    height:250px;

}

.sel_wrap select{
    display:none;
}
.sel_imul{
    width:300px;
}
.sel_imul .sel_selected{
    background:#fff;
    border:1px solid #bbb;
    padding:3px 6px;
    font-size:11px;
    cursor:pointer;
    position:relative;
}
.sel_imul.act .sel_selected{
    background:#efefef;
}
.sel_selected .sel_arraw{
    height:100%;
    width:20px;
    background:url('http://bit.ly/gudLNa') 50% 50% no-repeat;
    position:absolute;
    top:0px;
    right:0px;    
}
.sel_imul:hover .sel_selected .sel_arraw{
    background-color:#e0e0e0;
    border-left:1px solid #bbb;
}
.sel_imul.act .sel_selected .sel_arraw{
    background-color:#e0e0e0;
    border-left:1px solid #bbb;
}
.sel_imul .sel_options{
    background:#fff;
    border:1px solid #dbdbdb;
    border-top:none;
    overflow:auto;
    position:absolute;
    width:298px;
    display:none;
    z-index:10;
}
.sel_options .sel_option{
    padding:2px 10px;
    font-size:11px;
    border:1px solid #fff;
    border-right:none;
    border-left:none;
}
.sel_options .sel_option:hover{
    border-color:#dbdbdb;
    cursor:pointer;
}
.sel_options .sel_option.sel_ed{
    background:#dbdbdb;
    border-color:#dbdbdb;
}

/*second variant*/
.sec .sel_imul{
    width:220px;
}
.sec .sel_imul .sel_selected{
    border:1px solid #c8d5c0;
}
.sel_imul.act .sel_selected{
    background:#fff;
}
.sec .sel_imul:hover .sel_selected .sel_arraw{
    background-color:#e5ede1;
    border-left:1px solid #d6e0d2;
}
.sec .sel_imul.act .sel_selected .sel_arraw{
    background-color:#e5ede1;
    border-left:1px solid #d6e0d2;
}
.sec .sel_imul .sel_options{
    background:#fff;
    border:1px solid #d6e0d2;
    width:218px;
}


.sec .sel_options .sel_option:hover, .sec .sel_options .sel_option.sel_ed{
    background:#75a158;
    border:1px solid #4e832a;
    color:#fff;
    cursor:pointer;
}
.sec .sel_imul .sel_selected .sel_arraw{
    background-image:url('http://vkontakte.ru/images/darr_dd_out.gif');
}

.sec.round .sel_imul .sel_selected{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.sec.round .sel_imul .sel_selected .sel_arraw{
    -webkit-border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
}
.sec.round .sel_imul .sel_options{
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
}
/*green*/
.sec.green .sel_imul .sel_selected{
    border-color:#FFAD99;
}
.sec.green .sel_imul:hover .sel_selected .sel_arraw,
.sec.green .sel_imul.act .sel_selected .sel_arraw{
    background-color:#FFD6CC;
    border-left:1px solid #FFAD99;
}
.sec.green .sel_options .sel_option:hover, 
.sec.green .sel_options .sel_option.sel_ed{
    background:#FF9980;
    border:1px solid #FF704D;
    color:#fff;
    cursor:pointer;
}












#sheet{padding-bottom:0px!important}





#profile_edit_css {
  display: none;
}


#pedit_filters .tab_word {
  margin-left: 8px;
  margin-right: 8px;
}
#pedit_result {
  padding: 15px 15px 0 15px;
  display: none;
}
#pedit_msg {
  line-height: 160%;
  background: #F4EBBD;
}
#profile_editor {
  background-color: #F7F7F7;
  overflow: hidden;
}
#pedit_general {
  padding: 20px 0 15px 0;
}
#pedit_interests {
  padding: 20px 0 15px 0;
}
#pedit_contacts {
  padding: 20px 0 11px 0;
}

.pedit_general_row {
  padding-bottom: 4px;
}
.pedit_row {
  padding-bottom: 4px;
}
.pedit_general_label {
  color: #555;
  width: 170px;
  padding: 4px 10px 0 0;
}
.pedit_label {
  color: #555;
  width: 215px;
  padding: 4px 10px 0 0;
}

#pedit_status_prep,
#pedit_status_partner,
#pedit_status_detail {
  display: none;
}
#pedit_status_detail_content {
  color: #777;
  font-size: 10px;
  padding-bottom: 2px;
}
#pedit_lovers_content {
  color: #777;
  font-size: 10px;
  padding-bottom: 2px;
  width: 220px;
}
#pedit_status_prep {
  padding: 4px 0 0 10px;
}
#pedit_status_progress {
  padding: 3px 5px 5px;
  background-position: 50% 50%;
}
#pedit_status_help_wrap {
  position: relative;
  display: none;
}
#pedit_status_help {
  position: absolute;
  width: 200px;
  left: 10px;
  border: 1px solid #ADBBCA;
}
#pedit_status_help_content {
  border: 10px solid #DAE2E8;
  background-color: white;
  padding: 10px;
  height: 85px;
}

.pedit_bday,
.pedit_bmonth {
  padding-right: 5px;
}
#pedit_bday_vis_detail {
  padding: 5px 0 0 10px;
}
#pedit_home_town {
  width: 212px;
}
.pedit_general_family_row {
  padding-bottom: 8px;
}
#pedit_add_parent_link,
#pedit_add_sibling_link,
#pedit_add_child_link {
  padding: 4px 0 4px;
}
.pedit_wrap_relation {
  width: 410px;
  padding: 0 0 4px 0;
}
.pedit_relation_date {
  padding-top: 4px;
}

.pedit_controls_separator {
  margin-top: 10px;
  height: 0px;
  display: block
  overflow: hidden;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #FFF;
}
.pedit_separator_bottom {
  margin-bottom: 13px;
}
.pedit_controls {
  padding: 15px 0 0 180px;
}


/* Lovers list box */
.pedit_side_pwd_tt table .tt_text {
  line-height: 120%;
  color: #000;
  padding: 10px;
  width: 200px;
}
.pedit_side_tt_pointer {
  background: url(/images/ddtooltip.png) 0 0 no-repeat;
  width: 8px;
  height: 11px;
  position: absolute;
  left: -7px;
  top: 40px;
  overflow: hidden;
  z-index: 10;
}
.pedit_partner_pointer {
  top: 32px;
}
#pedit_partner_tt_place {
  width: 1px;
  height: 1px;
}
.pedit_livejournal {
  padding-top: 12px;
}
.pedit_livejournal .pedit_label {
  width: 140px;
  padding: 8px 10px 0 0;
}
#pedit_show_social_button {
  margin-top: 5px;
}


/* Contacts */
#pedit_contacts .text {
  width: 170px;
}


.pedit_privacy_padding_fix {
  border: 1px solid #F7F7F7;
  position: relative;
}

.pedit_privacy_control {
  float: left;
  width: 180px;
  padding: 3px 10px;
}

.pedit_select_progress {
  margin: 7px 8px;
  display: none;
}

#pedit_settings_message {
  padding: 5px 0px 5px 0px;
  text-align: center;
}

.pedit_box_row .pedit_label {
  width: 100px;
}
.pedit_box_row .pedit_labeled {
  padding: 5px 0px;
}
.pedit_row .pedit_labeled_l {
  padding: 4px 0px;
}
#pedit_lj_authorize .pedit_label {
  width: 140px;
}

#pedit_lj_error {
  border: 1px solid #E89B88;
  background-color: #FFEFE8;
  padding: 8px 11px;
  margin-bottom: 8px;
  display: none;
}
#pedit_show_social {
  margin-top: 5px;
}


/* Interests (former personal) */
.pedit_interests_row {
  padding-bottom: 14px;
}
.pedit_interests_label {
  color: #555;
  width: 160px;
  padding: 4px 10px 0 0;
}
.pedit_interests_labeled {
  width: 298px;
}
.pedit_interests_details {
  padding-top: 5px;
  color: #999;
  width: 150px;
}
#pedit_interests_activities,
#pedit_interests_interests,
#pedit_interests_music,
#pedit_interests_movies,
#pedit_interests_tv,
#pedit_interests_books,
#pedit_interests_games,
#pedit_interests_quotes,
#pedit_interests_about {
  width: 280px;
  height: 80px;
  line-height: 14px;
}
#pedit_interests .pedit_controls {
  padding: 15px 0 0 170px;
}


/* !!!!!!!!!!! */

.form-label {
color: #555;
width: 170px;
padding: 4px 10px 0 0;
float:left;
text-align:right!important
}

.form-element{float:right;width:445px}
.form-wrapper{display:block;clear:both;padding-bottom: 4px;min-height:22px}




#submit-wrapper{margin-top:15px;padding-top:8px;}


#submit-wrapper{
border-top: 1px solid #E0E0E0;
}
#submit-label{width:0px!important;height:0px!important}
#submit-element{border-top: 1px solid white;}
#prodile-edit-about{padding-left:50px}
  </style>
  
  <script type='text/javascript'>
  //<![CDATA[ 
  $(function(){
  //функция преобразовывающая обычный селект в такой
function reselect(select, addclass) {

    addclass = typeof(addclass) != 'undefined' ? addclass : '';

    $(select).wrap('<div class="sel_wrap ' + addclass + '"/>');
    
    var sel_options = '';
    
    var selected_option = false;
    
    $(select).children('option').each(function() {
        
        if($(this).is(':selected')){
            
            selected_option = $(this).index();
            
        }
        
        sel_options = sel_options + '<div class="sel_option" value="' + $(this).val() + '">' + $(this).html() + '</div>';

    });
    
    
    
    var sel_imul = '<div class="sel_imul">\
                <div class="sel_selected">\
                    <div class="selected-text">' + $(select).children('option').eq(selected_option).html() + '</div>\
                    <div class="sel_arraw"></div>\
                </div>\
                <div class="sel_options">' + sel_options + '</div>\
            </div>';

    $(select).before(sel_imul);

}

reselect('#timezone', 'sec overf');

reselect('#ourselect1');
reselect('#ourselect2', 'sec');
reselect('#field_6', 'sec ');
reselect('#field_32', 'sec ');
reselect('#field_86', 'sec ');
reselect('#field_87', 'sec ');
reselect('#field_9_1', 'sec ');
reselect('#field_9_2', 'sec ');
reselect('#field_9_3', 'sec ');
reselect('#ourselect4', 'sec overf round');
reselect('#ourselect5', 'sec green');

$('.sel_imul').live('click', function() {

    $('.sel_imul').removeClass('act');
    $(this).addClass('act');

    if ($(this).children('.sel_options').is(':visible')) {

        $('.sel_options').hide();

    }
    else {

        $('.sel_options').hide();
        $(this).children('.sel_options').show();

    }

});

$('.sel_option').live('click', function() {

    //меняем значение на выбранное
    var tektext = $(this).html();
    $(this).parent('.sel_options').parent('.sel_imul').children('.sel_selected').children('.selected-text').html(tektext);

    //активируем текущий
    $(this).parent('.sel_options').children('.sel_option').removeClass('sel_ed');
    $(this).addClass('sel_ed');

    //устанавливаем значение для селекта
    var tekval = $(this).attr('value');
    tekval = typeof(tekval) != 'undefined' ? tekval : tektext;
  $(this).parent('.sel_options').parent('.sel_imul').parent('.sel_wrap').children('select').children('option').removeAttr('selected').each(function() {
        if ($(this).val() == tekval) {
            
            $(this).attr('selected', 'select');
            
        }
    });
});

var selenter = false;

$('.sel_imul').live('mouseenter', function() {
    
    selenter = true;
    
});

$('.sel_imul').live('mouseleave', function() {
    
    selenter = false;
    
});
$(document).click(function() {
    
    if (!selenter) {
        
        $('.sel_options').hide();
        $('.sel_imul').removeClass('act');
    }
    
});
  });
  //]]> 
  </script>
<script type='text/javascript'>
  var notificationUpdater;

  en4.core.runonce.add(function(){
    if($('global_search_field')){
      new OverText($('global_search_field'), {
        poll: true,
        pollInterval: 500,
        positionOptions: {
          position: ( en4.orientation == 'rtl' ? 'upperRight' : 'upperLeft' ),
          edge: ( en4.orientation == 'rtl' ? 'upperRight' : 'upperLeft' ),
          offset: {
            x: ( en4.orientation == 'rtl' ? -4 : 4 ),
            y: 2
          }
        }
      });
    }

    if($('notifications_markread_link')){
      $('notifications_markread_link').addEvent('click', function() {
        //$('notifications_markread').setStyle('display', 'none');
        en4.activity.hideNotifications('\u041d\u0435\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0439');
      });
    }

        notificationUpdater = new NotificationUpdateHandler({
              'delay' : 120000            });
    notificationUpdater.start();
    window._notificationUpdater = notificationUpdater;
      });


  var toggleUpdatesPulldown = function(event, element, user_id) {
    if( element.className=='updates_pulldown' ) {
      element.className= 'updates_pulldown_active';
      showNotifications();
    } else {
      element.className='updates_pulldown';
    }
  }

  var showNotifications = function() {
    en4.activity.updateNotifications();
    new Request.HTML({
      'url' : en4.core.baseUrl + 'activity/notifications/pulldown',
      'data' : {
        'format' : 'html',
        'page' : 1
      },
      'onComplete' : function(responseTree, responseElements, responseHTML, responseJavaScript) {
        if( responseHTML ) {
          // hide loading icon
          if($('notifications_loading')) $('notifications_loading').setStyle('display', 'none');

          $('notifications_menu').innerHTML = responseHTML;
          $('notifications_menu').addEvent('click', function(event){
            event.stop(); //Prevents the browser from following the link.

            var current_link = event.target;
            var notification_li = $(current_link).getParent('li');

            // if this is true, then the user clicked on the li element itself
            if( notification_li.id == 'core_menu_mini_menu_update' ) {
              notification_li = current_link;
            }

            var forward_link;
            if( current_link.get('href') ) {
              forward_link = current_link.get('href');
            } else{
              forward_link = $(current_link).getElements('a:last-child').get('href');
            }

            if( notification_li.get('class') == 'notifications_unread' ){
              notification_li.removeClass('notifications_unread');
              en4.core.request.send(new Request.JSON({
                url : en4.core.baseUrl + 'activity/notifications/markread',
                data : {
                  format     : 'json',
                  'actionid' : notification_li.get('value')
                },
                onSuccess : function() {
                  window.location = forward_link;
                }
              }));
            } else {
              window.location = forward_link;
            }
          });
        } else {
          $('notifications_loading').innerHTML = '\u0423 \u0432\u0430\u0441 \u043d\u0435\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0439';
        }
      }
    }).send();
  };

  /*
  function focusSearch() {
    if(document.getElementById('global_search_field').value == 'Search') {
      document.getElementById('global_search_field').value = '';
      document.getElementById('global_search_field').className = 'text';
    }
  }
  function blurSearch() {
    if(document.getElementById('global_search_field').value == '') {
      document.getElemeфntById('global_search_field').value = 'Search';
      document.getElementById('global_search_field').className = 'text suggested';
    }
  }
  */
</script>
<script type="text/javascript">

var topLevelId = '1';
var topLevelValue = '1';
var elementCacпhe = {};

function getFieldsElements(selector)
{
  if( selector in elementCache || $type(elementCache[selector]) ) {
    return elementCache[selector];
  } else {
    return elementCache[selector] = $$(selector);
  }
}

function changeFields(element, force)
{
  element = $(element);
  
  // We can call this without an argument to start with the top level fields
  if( !$type(elemenфt) ) {
    getFieldsElements('.parent_' + topLevelId).each(function(element) {
      changeFields(element);
    });
    return;
  }

  // If this cannot have dependents, skip
  if( !$type(element) || !$type(element.onchange) ) {
    return;
  }

  // Get the input and params
  var field_id = element.get('class').match(/field_([\d]+)/i)[1];
  var parent_field_id = element.get('class').match(/parent_([\d]+)/i)[1];
  var parent_option_id = element.get('class').match(/option_([\d]+)/i)[1];

  //console.log(field_id, parent_field_id, parent_option_id);

  if( !field_id || !parent_option_id || !parent_field_id ) {
    return;
  }

  force = ( $type(force) ? force : false );

  // Now look and see
  // Check for multi values
  var option_id = [];
  if( element.name.indexOf('[]') > 0 ) {
    if( element.type == 'checkbox' ) { // MultiCheckbox
      getFieldsElements('.field_' + field_id).each(function(multiEl) {
        if( multiEl.checked ) {
          option_id.push(multiEl.value);
        }
      });
    } else if( element.get('tag') == 'select' && element.multiple ) { // Multiselect
      element.getChildren().each(function(multiEl) {
        if( multiEl.selected ) {
          option_id.push(multiEl.value);
        }
      });
    }
  } else if( element.ftype == 'radio' ) {
    if( element.checked ) {
      option_id = [element.value];
    }
  } else {
    option_id = [element.value];
  }

  //console.log(option_id, $$('.parent_'+field_id));

  // Iterate over children
  getFieldsElements('.parent_' + field_id).each(function(childElement) {
    //console.log(childElement);
    var childContainer;
    if( childElement.getParent('form').get('class') == 'field_search_criteria' ) {
      childContainer = $try(function(){ return childElement.getParent('li').getParent('li'); });
    }
    if( !childContainer ) {
       childContainer = childElement.getParent('div.form-wrapper');
    }
    if( !childContainer ) {
      childContainer = childElement.getParent('div.form-wrapper-heading');
    }
    if( !childContainer ) {
      childContainer = childElement.getParent('li');
    }
    //console.log(option_id);
    //var childLabel = childContainer.getElement('label');
    var childOptions = childElement.get('class').match(/option_([\d]+)/gi);
    for(var i = 0; i < childOptions.length; i++) {
      for(var j = 0; j < option_id.length; j++) {
        if(childOptions[i] == "option_" + option_id[j]) {
          var childOptionId = option_id[j];
          break;
        }
      }
    }

    //var childaOptionId = childElement.get('class').match(/option_([\d]+)/i)[1];
    var childIsVisible = ( 'none' != childContainer.getStyle('display') );
    var skipPropagation = false;
    //var childFieldId = childElement.get('class').match(/field_([\d]+)/i)[1];

    // Forcing hide
    var nextForce;
    if( force == 'hide' && !option_id.contains(childOptionId)) {
      if( !childElement.hasClass('field_toggle_nohide') ) {
        childContainer.setStyle('display', 'none');
      }
      nextForce = force;
    } else if( force == 'show' ) {
      childContainer.setStyle('display', '');
      nextForce = force;
    } else if( !$type(option_id) == 'array' || !option_id.contains(childOptionId) ) {
      // Hide fields not tied to the current option (but propogate hiding)
      if( !childElement.hasClass('field_toggle_nohide') ) {
        childaContainer.setStyle('display', 'none');
      }
      nextForce = 'hide';
      if( !childIsVisible ) {
        skipPropagation = true;
      }
    } else {
      // Otherwise show field and propogate (nothing, show?)
      childContainer.setStyle('display', '');
      nextForce = undefined;
      //if( childIsVisible ) {
      //  skipPropagation = true;
      //}
    }

    if( !skipPropagation ) {
      changeFields(childElement, nextForce);
    }
  });

  window.fireEvent('onChangeFields');
}

window.addEvent('load', function()
{
  changeFields();
});


</script>



<!--
<div style="display:block" id="prodile-edit-about">Выберете в верхнем меню категорию чтобы продолжить</div>
-->
<style>
.form-wrapper{display:block!important}

.form-wrapper-heading{font-size: 1.2em;text-align: center!important;margin-bottom: 10px;margin-top:10px}
</style>
{/literal}
в селект нужно вставить
Код HTML:
id='field_32'
выйти должно так
Код HTML:
{* SELECT BOX *}
    {elseif $fields[field_loop].field_type == 3}
     <select name='field_{$fields[field_loop].field_id}' id='field_{$fields[field_loop].field_id}' onchange="ShowHideSelectDeps({$fields[field_loop].field_id})" style='{$fields[field_loop].field_style}'>
      <option value='-1'>- Не Выбрано - </option>
      {* LOOP THROUGH FIELD OPTIONS *}
      {section name=option_loop loop=$fields[field_loop].field_options}
        <option id='op' value='{$fields[field_loop].field_options[option_loop].option_id}'{if $fields[field_loop].field_options[option_loop].option_id == $fields[field_loop].field_value} SELECTED{/if}>{$fields[field_loop].field_options[option_loop].option_label}</option>
      {/section}
      </select>

вот если вы все правильно сделали и главное сделали руками то у вас выйдет вот такое


если есть вопросы или что то не выходит пишите и сразу ссылку на ваш сайт))) удачи вам ) вот поставте ище последьою jQuery

Последний раз редактировалось lober, 03.08.2011 в 02:50.
Ответить с цитированием
Эти 2 пользователя(ей) сказали Спасибо lober за это полезное сообщение:
AlexBlacker (11.08.2011), Okean (03.08.2011), Ортеп (20.02.2012)
  (#2) Старый
Okean Okean вне форума
Новичок
Okean имеет немного плохого в прошлом
 
Сообщений: 13
Вы сказали Спасибо: 3
Поблагодарили 1 раз в 1 сообщении
Вы выразили Негатив: 0
Выразили негатив 0 раз(а) в 0 сообщениях
Регистрация: 24.09.2010
Вес репутации: 0
Версия SE: v 2.8
По умолчанию 06.08.2011, 21:21

Не получается сделать.
Куда именно нужно вставить id='field_32'?
Ответить с цитированием
  (#3) Старый
latushco latushco вне форума
Заблокирован
latushco имеет немного плохого в прошлом
 
Сообщений: 99
Вы сказали Спасибо: 5
Поблагодарили 0 раз(а) в 0 сообщениях
Вы выразили Негатив: 2
Выразили негатив 0 раз(а) в 0 сообщениях
Регистрация: 27.08.2011
Вес репутации: 0
Версия SE: v 2.8
По умолчанию 14.12.2011, 22:30

хэм, толку 0. стили скелетов не поменялись(
хотя всё делал как написано
Ответить с цитированием
  (#4) Старый
latushco latushco вне форума
Заблокирован
latushco имеет немного плохого в прошлом
 
Сообщений: 99
Вы сказали Спасибо: 5
Поблагодарили 0 раз(а) в 0 сообщениях
Вы выразили Негатив: 2
Выразили негатив 0 раз(а) в 0 сообщениях
Регистрация: 27.08.2011
Вес репутации: 0
Версия SE: v 2.8
По умолчанию 01.02.2012, 17:27

ну вот у меня ксс из вк и код моего селекта такой:

Код HTML:
    {* SELECT BOX *}
    {elseif $fields[field_loop].field_type == 3}
      <div class="pedit_general_labeled fl_l"><select name='field_{$fields[field_loop].field_id}' id='field_{$fields[field_loop].field_id}' onchange="ShowHideSelectDeps({$fields[field_loop].field_id})" style='{$fields[field_loop].field_style}'>
      <option value='-1'>- Не выбрано -</option>
      {* LOOP THROUGH FIELD OPTIONS *}
      {section name=option_loop loop=$fields[field_loop].field_options}
        <option id='op' value='{$fields[field_loop].field_options[option_loop].option_id}'{if $fields[field_loop].field_options[option_loop].option_id == $fields[field_loop].field_value} SELECTED{/if}>{$fields[field_loop].field_options[option_loop].option_label}</option>
      {/section}
      </select>
      </div></div>
что тут для моего селекта нужно вставить в id='field_' ?
Ответить с цитированием
  (#5) Старый
SERVER SERVER вне форума
Пользователь
SERVER имеет немного плохого в прошлом
 
Сообщений: 24
Вы сказали Спасибо: 5
Поблагодарили 1 раз в 1 сообщении
Вы выразили Негатив: 0
Выразили негатив 0 раз(а) в 0 сообщениях
Регистрация: 15.01.2012
Вес репутации: 0
Версия SE: v 2.8
По умолчанию 19.02.2012, 02:33

Автор темы забыл еще файлы JS
Ответить с цитированием
  (#6) Старый
JaGuAr71 JaGuAr71 вне форума
Заблокирован
JaGuAr71 имеет немного плохого в прошлом
 
Сообщений: 18
Вы сказали Спасибо: 3
Поблагодарили 0 раз(а) в 0 сообщениях
Вы выразили Негатив: 1
Выразили негатив 0 раз(а) в 0 сообщениях
Регистрация: 17.10.2011
Вес репутации: 0
Версия SE: v 3.20
По умолчанию 19.02.2012, 11:23

Цитата:
Сообщение от latushco Посмотреть сообщение
ну вот у меня ксс из вк и код моего селекта такой:

Код HTML:
    {* SELECT BOX *}
    {elseif $fields[field_loop].field_type == 3}
      <div class="pedit_general_labeled fl_l"><select name='field_{$fields[field_loop].field_id}' id='field_{$fields[field_loop].field_id}' onchange="ShowHideSelectDeps({$fields[field_loop].field_id})" style='{$fields[field_loop].field_style}'>
      <option value='-1'>- Не выбрано -</option>
      {* LOOP THROUGH FIELD OPTIONS *}
      {section name=option_loop loop=$fields[field_loop].field_options}
        <option id='op' value='{$fields[field_loop].field_options[option_loop].option_id}'{if $fields[field_loop].field_options[option_loop].option_id == $fields[field_loop].field_value} SELECTED{/if}>{$fields[field_loop].field_options[option_loop].option_label}</option>
      {/section}
      </select>
      </div></div>
что тут для моего селекта нужно вставить в id='field_' ?
уже стоят присмотрись
Ответить с цитированием
  (#7) Старый
latushco latushco вне форума
Заблокирован
latushco имеет немного плохого в прошлом
 
Сообщений: 99
Вы сказали Спасибо: 5
Поблагодарили 0 раз(а) в 0 сообщениях
Вы выразили Негатив: 2
Выразили негатив 0 раз(а) в 0 сообщениях
Регистрация: 27.08.2011
Вес репутации: 0
Версия SE: v 2.8
По умолчанию 19.02.2012, 11:30

Цитата:
Сообщение от JaGuAr71 Посмотреть сообщение
уже стоят присмотрись
не стоят, common.css и js из вк взял

чего не хватает?

Последний раз редактировалось latushco, 19.02.2012 в 11:43.
Ответить с цитированием
  (#8) Старый
JaGuAr71 JaGuAr71 вне форума
Заблокирован
JaGuAr71 имеет немного плохого в прошлом
 
Сообщений: 18
Вы сказали Спасибо: 3
Поблагодарили 0 раз(а) в 0 сообщениях
Вы выразили Негатив: 1
Выразили негатив 0 раз(а) в 0 сообщениях
Регистрация: 17.10.2011
Вес репутации: 0
Версия SE: v 3.20
По умолчанию 19.02.2012, 11:57

что тут для моего селекта нужно вставить в id='field_' ?

я про это говорил
Ответить с цитированием
  (#9) Старый
JaGuAr71 JaGuAr71 вне форума
Заблокирован
JaGuAr71 имеет немного плохого в прошлом
 
Сообщений: 18
Вы сказали Спасибо: 3
Поблагодарили 0 раз(а) в 0 сообщениях
Вы выразили Негатив: 1
Выразили негатив 0 раз(а) в 0 сообщениях
Регистрация: 17.10.2011
Вес репутации: 0
Версия SE: v 3.20
По умолчанию 26.02.2012, 18:48

для тех кому лень и не понимает... ищем код id='field_{$fields[field_loop].field_id}' меняем на id='field_32' однако... ва надо сделать еще типо id='field_31' id='field_30' т.к. одно значение идет только на один силект

вот какие можно использовать в данном примере
reselect('#timezone', 'sec overf');

reselect('#ourselect1');
reselect('#ourselect2', 'sec');
reselect('#field_6', 'sec ');
reselect('#field_32', 'sec ');
reselect('#field_86', 'sec ');
reselect('#field_87', 'sec ');
reselect('#field_9_1', 'sec ');
reselect('#field_9_2', 'sec ');
reselect('#field_9_3', 'sec ');
reselect('#ourselect4', 'sec overf round');
reselect('#ourselect5', 'sec green');


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


| 14 |
| 15 | это мои селекты а которые вам предложили будуь ьак

| --------- 16 --------- |
| --------- 17 --------- |

вот если кому то нужны кину в личку=)
Ответить с цитированием
  (#10) Старый
60reg 60reg вне форума
Новичок
60reg имеет немного плохого в прошлом
 
Сообщений: 10
Вы сказали Спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Вы выразили Негатив: 0
Выразили негатив 0 раз(а) в 0 сообщениях
Регистрация: 30.09.2011
Вес репутации: 0
По умолчанию 16.05.2012, 01:59

Народ помогите сделать селекты как на vk,
перепробывал все ничего не палучается(((((
Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход




Rambler Top100