Ресайз изображений через обработчик событий Битрикс

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

За основу была взята Битриксовая функция ресайза CIBlock::ResizePicture

Собственно код:

Читать далее

Кнопки редактирования элементов инфоблока в режиме правки

В дополнение к статье Редактирование и удаление элементов и разделов из публичной части сайта Битрикс дополню реализацию следующего случая: как отобразить кнопки редактирования элементов инфоблока в режиме правки, если вывод этих элементов осуществляется простым GetList-ом

Собственно реализация:

CModule::IncludeModule("iblock");

//создаём экземпляр CBitrixComponent 
//для привязки к элементам инфоблока
//кнопок редактирования:
$app = new CBitrixComponent();

//какой-то гетлист...
$elems = CIBlockElement::GetList(array("SORT"=>"ASC"), 
                            array('IBLOCK_ID' => 2,
                                  'ACTIVE' => 'Y'
                                 ), 
                            false, 
                            false, 
                            array('ID',
                                  'IBLOCK_ID',
                                  'NAME'
                                 )
                            );
while ($elem = $elems->Fetch()){

 $arButtons = CIBlock::GetPanelButtons(
     $elem["IBLOCK_ID"],
     $elem["ID"],
     0,
     array("SECTION_BUTTONS"=>false, "SESSID"=>false)
 );

 $elem["ADD_LINK"] = $arButtons["edit"]["add_element"]["ACTION_URL"];
 $elem["EDIT_LINK"] = $arButtons["edit"]["edit_element"]["ACTION_URL"];
 $elem["DELETE_LINK"] = $arButtons["edit"]["delete_element"]["ACTION_URL"]; 

 $elem["ADD_LINK_TEXT"] = $arButtons["edit"]["add_element"]["TEXT"];
 $elem["EDIT_LINK_TEXT"] = $arButtons["edit"]["edit_element"]["TEXT"];
 $elem["DELETE_LINK_TEXT"] = $arButtons["edit"]["delete_element"]["TEXT"];

 $app->AddEditAction($elem['ID'], $elem['ADD_LINK'], $elem["ADD_LINK_TEXT"]);
 $app->AddEditAction($elem['ID'], $elem['EDIT_LINK'], $elem["EDIT_LINK_TEXT"]);
 $app->AddDeleteAction($elem['ID'], $elem['DELETE_LINK'], $elem["DELETE_LINK_TEXT"], array("CONFIRM" => 'Точно удалить?'));

 ?>
 <div id="<?=$app->GetEditAreaID($elem['ID'])?>">
    <!--какие-то данные элемента инфоблока-->
 </div>
 <?

})

Полезности о input -ах типа file в Битрикс

Обычно народ просто ставит

<input type="file" name="file" value="файлег">

Но это не по нашему! Выглядит стандартно, да и нет никакой валидации по типу файла, если мы, к примеру, хотим загружать только файлы определённого типа.

Итак, для начала давайте подумаем, что мы хотим:

  1. Реализовать в форме input типа file, принимающий только картинки
  2. Около input -а должна быть надпись с названием файла, который мы будем загружать после выбора оного в диалоговом окне
  3. Файл-картинку из этого input-а нужно загружать в инфоблок
  4. Предусмотреть обработку ошибки, когда физический размер картинки больше установленного в php.ini

Давайте для начала реализуем пункт 2.

Как это должно выглядеть в идеале:

Joxi

Пример вёрстки: ТЫК

Листинг кода:

Читать далее

Получение иерархии разделов средствами Битрикс API

Приведу небольшой примерчик как одним запросом и одним циклом получить иерархию разделов в виде:

Array
(
    [ROOT] => Array
        (
            [CHILD] => Array
                (
                    [12] => Array
                        (
                            [ID] => 12
                            [~ID] => 12
                            [NAME] => Раздел с ид 12
                            [~NAME] => Раздел с ид 12 
                            [DEPTH_LEVEL] => 1
                            [~DEPTH_LEVEL] => 1
                            [CHILD] => Array
                                (
                                    [63] => Array
                                        (
                                            [ID] => 63
                                            [~ID] => 63
                                            .............
                                            [CHILD] => Array
                                                (
                                                ........
                                                )
                                        )
                                     .......
                                    [63] => Array
                                        (
                                            [ID] => 63
                                            [~ID] => 63
                                            .............
                                        )
                                     .......
                                )
                        )
                 ..............
                )
        )
)

На мой взгляд, с такой структурой работать в большинстве случаев удобнее, чем со списком, отсортированном по LEFT_MARGIN

Итак код:

Читать далее

Живой поиск на Битрикс. Пример реализации.

49a91a4ebb

Основные задачи:

  • реализовать поиск таким образом, чтобы после ввода поискового запроса в строку, ниже этой строки появились результаты поиска
  • запрос на получение результата должен происходить только после окончания ввода поискового запроса

Окей, поехали!

Примерная вёрстка самого блока с поисковой строкой и div-ником, куда будем добавлять результаты поиска:

<form action="/search/index.php">
            <input type="search" maxlength="50" size="15" value="" name="q" id="q" autocomplete="off">
    &nbsp;
    <button class="reset" id="reset_live_search" value="reset" type="reset"></button>
    <div id="search_result">
        <div class="live-search">
        </div>    
    </div>
</form>

Читать далее