colorlib коллецкия шаблонов wordpress и html шаблонов

Здравствуйте!

Недавно нашёл очень полезный ресурс для тех кто делает сайты предпочтительно на готовых шаблонах.

ColorLib содержит десятки шаблонов на любую тематику и любой формат. Лично я предпочитаю многостраничные сайты с верхний меню - самый распространённый тип сайтов на текущий момент. Но помимо данных простых шаблонов можно найти и очень интересные шаблоны для портфолио, галереи или сайта для бизнеса.

На ресурсе много подборок шаблонов на различные темы. Думаю вы обязательно найдёте свою. Большинство распространяются по лицензии с сохранением авторства - поэтому разрешено распространять редактировать и использовать в коммерческих проектах. Часть тем так же снабжена документацией при установке на движок wordpress или трудностях в модификации.

Надеюсь ресурс был полезен.
Успехов и хорошего дня!

js получение выбранного option в select

Здравствуйте!

Порой бывает ситуация что нужно в js отследить выбор элемента в select, а так же выбранное значение. На чистом js это реализуется через событие onChange.

JS:

function getValue(selectObj) {
    alert(selectObj.value);
}

HTML:

<select onchange="getValue(this)">
     <option value="val1">Text 1</option>
     <option value="val2">Text 2</option>
     <option value="val3">Text 3</option>
</select>

Очень удобно когда вместе с значением нужно передать ещё что то ( например id некого элемента заполняемое в php ).

Надеюсь код был полезен.
Успехов и хорошего дня!

php multi image upload загрузка множества фото

Здравствуйте!

Встала тут задачка сделать загрузку множества фотографий с динамическими input . Да имеется возможность multiple но не всегда она удобна. Был найден и использован следующий вариант. Требует jQuery для работы.

HTML

<div class="field_wrapper">

<input type="file" name="photos[]" class="form-control">

</div>

<i class="add_button fa fa-plus">Добавить ещё</i> 

JS

<script type="text/javascript">
$(document).ready(function(){
    var maxField = 10;
    var addButton = $('.add_button');
    var wrapper = $('.field_wrapper');
    var fieldHTML = '<br><input type="file" name="photos[]" value="" class="form-control">';
    var x = 1;
   
    $(addButton).click(function(){
        if(x < maxField){
            $(wrapper).append(fieldHTML);
        }
    });
   
    $(wrapper).on('click', '.remove_button', function(e){
        e.preventDefault();
        $(this).parent('div').remove();
        x--;
    });
});
</script>

PHP

$total = count($_FILES['photos']['name']);

for( $i=0 ; $i < $total ; $i++ ) {

$tmpFilePath = $_FILES['photos']['tmp_name'][$i];

        $photo = generateFilename();
$photo.=".jpg";
move_uploaded_file($tmpFilePath, "../uploads/".$photo); 

          }

В коде так же используется самописная функция generateFilename которая возвращает созданное имя файла:

function generateFilename(){
$chars = 'abdefhiknrstyz123456789_';
$string = '';
for ($i = 0; $i < 30; $i++) {
$string .= substr($chars, rand(1, 24) - 1, 1);
}
return $string;
}

Надеюсь код был полезен.
Успехов и хорошего дня!