Показать сообщение отдельно
  #1 (permalink)  
Старый 25.01.2014, 01:31
Новичок на форуме
Отправить личное сообщение для padurets Посмотреть профиль Найти все сообщения от padurets
 
Регистрация: 24.01.2014
Сообщений: 2

Стилизация полей input[type=file]
Друзья, прошу помощи.

Необходимо стилизовать поля прикрепления файлов. Написал следущее:

jQuery(function (){
		var wrap ="<div class='field-file'></div>";
		var fieldText = "<div class='field-text-pad'></div>";
		var fileNotFound = "<span>Файл не выбран</span>";
		var fieldExplore = "<div class='field-explore-pad'>Обзор</div>";

		jQuery(".form-file").wrap(wrap).wrap(fieldText);
		jQuery(".field-text-pad").append(fileNotFound+fieldExplore);

		jQuery(".field-explore-pad").click( function(){
			var findInput = jQuery(this).parent(".field-text-pad").find("input[type='file']");

			jQuery(this).parent(".field-text-pad").find("input[type='file']").click();

			jQuery(findInput).change( function(){
				var getFileName = jQuery(this).val().split('\\').pop();;
				jQuery(this).parent(".field-text-pad").find("span").html(getFileName);
			})
		});
	})

Работает как требуется, но в ie, после добавления (выбора) файла, его имя не копируется в соответствующее поле. Подскажите, как пофиксить?

Последний раз редактировалось padurets, 25.01.2014 в 04:00. Причина: некорректный заголовок
Ответить с цитированием