Вёрстка | Разработчик сайтов и магазинов на битриксе . И не только.

<fieldset class="form-left-wrap ticket_file_wrapper">
<!-- любой html -->               
 <div class="line">
                    <div id="my-dropzone"></div>
                    <div class="dropzone_title dz-clickable"><strong>+</strong><span>bnr_h.jpg</span></div>
                </div>
<input name="f" type="file">
</fieldset>

1

2

3

4

5

6

7

8

</div>

</fieldset>

 $(".ticket_file_wrapper [type=file]").on("change", function(){
        // Name of file and placeholder
        var file = this.files[0].name;
        var dflt = $(this).attr("placeholder");
        if($(this).val()!=""){
            $('.ticket_file_wrapper .dz-clickable span') .text(file);
        } else {
            $('.ticket_file_wrapper .dz-clickable span').text(dflt);
        }
    });

1

2

3

4

5

6

7

8

9

10

$(".ticket_file_wrapper [type=file]").on("change", function(){

// Name of file and placeholder

var file = this.files[0].name;

var dflt = $(this).attr("placeholder");

if($(this).val()!=""){

$('.ticket_file_wrapper .dz-clickable span') .text(file);

} else {

$('.ticket_file_wrapper .dz-clickable span').text(dflt);

}

});

Подробнее

PHPWord — создание и сложное форматирование документов word методами Php

08.12.2017 Автор:alex

Комментариев нет

Исходник:
https://github.com/PHPOffice/PHPWord

Урок читаем обязательно. Тут описано как установить на openserver через композер и основы работы:
https://webformyself.com/phpword-sozdanie-ms-word-dokumentov-sredstvami-php/
Подробнее

flex-box выравнивание текста по вертикали

24.07.2017 Автор:alex

Комментариев нет

Как же выравнять блоки по вертикали? Все просто:

HTML:

<div class="flexbox-wrapper">
    <div>Lorem ipsum dolor sit...</div>
    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ad rem redeamus; Quamquam non negatis nos intellegere quid sit voluptas, sed quid ille dicat. Non quam nostram quidem, inquit Pomponius iocans; Laelius clamores sofòw ille so lebat Edere compellans gumias ex ordine nostros.</div>
</div>

1

2

3

4

<div>Lorem ipsum dolor sit...</div>

<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ad rem redeamus; Quamquam non negatis nos intellegere quid sit voluptas, sed quid ille dicat. Non quam nostram quidem, inquit Pomponius iocans; Laelius clamores sofòw ille so lebat Edere compellans gumias ex ordine nostros.</div>

</div>

Подробнее

Очистка input radio (снятие выделения) с помощью Jquery

07.07.2017 Автор:alex

Комментариев нет

Для снятия выделения с Input type=radio надо использовать следующую команду jquery.

jQuery("input[name='filter_category_id']").prop('checked', false);

1	jQuery("input[name='filter_category_id']").prop('checked', false);

Подробнее

Центрирование изображения для логотипа (с обрезкой) css

22.05.2017 Автор:alex

Комментариев нет

Для центрирования изображения воспользуемся свойством object-fit: cover;. Оно вписывает изображение . Само выравнивает ширину и высоту и центрует. Это свойство применяется для Img. Поэтому нам не нужны больше обертки. Изображение всегда будет именно таким, как вы задали.
В коде ниже, изображение вписывается в квадрат 100 на сто пикселов. Идеально!

img {
	width: 104px;
    height: 104px;
    object-fit: cover;
}

1

2

3

4

5

img {

width: 104px;

height: 104px;

object-fit: cover;

}

Подробнее

Условия обработки персональных данных

выравнивание фото (большое слева 4 мелких справа)

bootstrap 4 убрать паддинги (no padding)

Очистка не используемого css

scss и Php storm — для bitrix

появление бутстрапа для коммерции bootstrap-ecommerce

Простая стилизация Input file

PHPWord — создание и сложное форматирование документов word методами Php

flex-box выравнивание текста по вертикали

Очистка input radio (снятие выделения) с помощью Jquery

Центрирование изображения для логотипа (с обрезкой) css

Цены

Последние видео админа

Последние комментарии

Свежие записи

Рубрики

Страницы

Архивы

Метки

Мета