input type="file"

[Evgen8]

Имеем стандартную форму загрузки файла. Можно ли любыми средствами перенести текст после кнопки "файл не выбран" , ну и текст имени файла соответственно на строчку ниже....

Edited November 11, 2012 by Evgen8

[psywalker]

Имеем стандартную форму загрузки файла. Можно ли любыми средствами перенести текст после кнопки "файл не выбран" , ну и текст имени файла соответственно на строчку ниже....

Можно наложить сверху инпута свой элемент, а первый скрыть. Ну и потом уже отлавливать текст файла и вставлять его в свой элемент.

[Evgen8]

Имеем стандартную форму загрузки файла. Можно ли любыми средствами перенести текст после кнопки "файл не выбран" , ну и текст имени файла соответственно на строчку ниже....

Можно наложить сверху инпута свой элемент, а первый скрыть. Ну и потом уже отлавливать текст файла и вставлять его в свой элемент.

Конечно , мне все очень понятно...Ну все же , что-то?

[psywalker]

Имеем стандартную форму загрузки файла. Можно ли любыми средствами перенести текст после кнопки "файл не выбран" , ну и текст имени файла соответственно на строчку ниже....

Можно наложить сверху инпута свой элемент, а первый скрыть. Ну и потом уже отлавливать текст файла и вставлять его в свой элемент.

Конечно , мне все очень понятно...Ну все же , что-то? :blush:/>/>

1. Сначала делаешь примерно так

2. Далее с помощью JS и нужных событий (onclick) отлавливаешь клик на ипнуте, а далее по интервалу пасёшь текст в его атрибуте value и уже вставляешь потом его в свой сверху-наложенный элемент.

Вот такой у меня как-то раз код был:

					cookImg.onclick = function(e){
						var _this = this;
						_this.cookFile.value = '';
						var set = setInterval(function(){

							if(_this.cookFile.value){
								clearInterval(set)
								var str = creatTextCookLength(_this.cookFile.value);
								_this.cookHelpep.innerHTML = str
								_this.flug = true;


								return;
							}
						},1000);

					}

Где _this.cookHelpep - это <span>.

[Evgen8]

Почти то ,что надо...Но , вот только размер стандартной формы больше ,чем прорисованной. А у меня форма размещена в одном из блоков , которые стоят в горизонтальный ряд. И эта "невидимая" кнопка влезает в соседний блок , тем самым мешаем его функциям. Вот и нужен был мне BR не столько для дизайна , как для того ,чтобы его двинуть.

[psywalker]

Почти то ,что надо...Но , вот только размер стандартной формы больше ,чем прорисованной. А у меня форма размещена в одном из блоков , которые стоят в горизонтальный ряд. И эта "невидимая" кнопка влезает в соседний блок , тем самым мешаем его функциям. Вот и нужен был мне BR не столько для дизайна , как для того ,чтобы его двинуть.

А покажи скрин формы и ипнута. Как короче всё выглядит и как тебе надо.

[lexxcode]

Я так понял нужно стилизировать input:file

можно примерно так сделать

[Evgen8]

Я так понял нужно стилизировать input:file

можно примерно так сделать

Нет , мне важно перенести текст "файл не выбран" ,и соответственно имя файла , заменяющие этот текст после выбора. В картинке не дописал...Текст перенести , а кнопку центрировать ,впрочем как и текст внизу.

******************************************************************************************************************

Edited November 12, 2012 by Evgen8

[lexxcode]

ну так, без стилизации не обойдется. Я дал готовый вариант по сути, css подправь только под свои нужды и все

[Evgen8]

ну так, без стилизации не обойдется. Я дал готовый вариант по сути, css подправь только под свои нужды и все

Да ,но я не владеть JS, JQuery. Я только базово понимать что вы делаете,наверное:

Прикрываете стандарт -> накладываете свою форму -> добавляете блок с текстом -> JS как-то заносит название файла в переменную -> JQery заносит это значение в значение блока.

Я ,конечно , пробовать как-то перенести его вниз ,но не вышло

[psywalker]

ну так, без стилизации не обойдется. Я дал готовый вариант по сути, css подправь только под свои нужды и все

Да ,но я не владеть JS, JQuery. Я только базово понимать что вы делаете,наверное:

Прикрываете стандарт -> накладываете свою форму -> добавляете блок с текстом -> JS как-то заносит название файла в переменную -> JQery заносит это значение в значение блока.

Я ,конечно , пробовать как-то перенести его вниз ,но не вышло <_</>

Нуу, дружище, тебе уже показали несколько рабочих вариантов решений, считай код написали, как бы уже и самому пора бы за дело взяться, не находишь?

[Evgen8]

ну так, без стилизации не обойдется. Я дал готовый вариант по сути, css подправь только под свои нужды и все

Да ,но я не владеть JS, JQuery. Я только базово понимать что вы делаете,наверное:

Прикрываете стандарт -> накладываете свою форму -> добавляете блок с текстом -> JS как-то заносит название файла в переменную -> JQery заносит это значение в значение блока.

Я ,конечно , пробовать как-то перенести его вниз ,но не вышло <_</>/>/>

Нуу, дружище, тебе уже показали несколько рабочих вариантов решений, считай код написали, как бы уже и самому пора бы за дело взяться, не находишь?