powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как поменять ширину кнопки у <input type="file">????
14 сообщений из 14, страница 1 из 1
Как поменять ширину кнопки у <input type="file">????
    #34410526
Onegins
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Всем привет.
Если ставишь style="width:0px;", то уменьшается только поле ввода. Мне нужно уменьшить размер кнопки. Есть предложения?
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34410645
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
У этого контрола кнопка стандартная. Её не изменишь.
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34411618
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Зато можно можно сверху положить input field
снизу - другую кнопку
visibility input file сделать hidden

длинная история
так искать
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34411770
Onegins
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
LINUXERЗато можно можно сверху положить input field
снизу - другую кнопку
visibility input file сделать hidden

длинная история
так искать


Да но если так сделать, то придется иницировать нажатие кнопки у file событием onclick(). Если так делать, то файлы на сервер загружаться не станут....
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34411875
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Как это не станут? Ведь происходит то же, что и если бы клик производился на "родную" кнопку INPUT'а.
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34412131
Onegins
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
SkyLightКак это не станут? Ведь происходит то же, что и если бы клик производился на "родную" кнопку INPUT'а.



Если не веришь можешь попробовать! Выдается замечательная ошибка: "Отказано в доступе" из соображений политики безопасности браузеров.
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34412177
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
OneginsДа но если так сделать, то придется иницировать нажатие кнопки у file событием onclick(). Если так делать, то файлы на сервер загружаться не станут....
проблема в том что click() открывает browse только в ИЕ
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34412212
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Onegins
Если не веришь можешь попробовать! Выдается замечательная ошибка: "Отказано в доступе" из соображений политики безопасности браузеров.
кликать запрещено
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34413221
Onegins
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
кликать запрещено[/quot]

Это я знаю... Ну так все таки с помощью стайлов можно поменять ширину кнопки???
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34413261
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Oneginsкликать запрещено

Это я знаю... Ну так все таки с помощью стайлов можно поменять ширину кнопки???[/quot]
коротко - никак
Хороший ответ:
Q: Is it possible to apply a style to a button on a file input?
Andrew Clover
Theoretical A: No. CSS does not specify any way to select sub-parts of a
form field. And it wouldn't really be appropriate to do so anyway since
it's dependent on the host - some platforms don't even have buttons in file
upload fields.

Technical A: Yes, by hiding the real upload field and replacing it on-screen
with a DHTML-driven analogue over which you have full styling control. It
only works on IE, however, as the other browsers won't respond to a click()
method by opening the browse dialogue box.

Practical A: No, because for some reason (security? bug?) IE/Win won't
submit a form containing a file upload field that was chosen by the user
after its browse box was opened from script.
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34413271
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
LINUXER
коротко - никак

хотя если подумать над этим http://www.quirksmode.org/dom/inputfile.html
блин\ сейчас попробую
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34413275
Onegins
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
LINUXER LINUXER
коротко - никак

хотя если подумать над этим http://www.quirksmode.org/dom/inputfile.html
блин\ сейчас попробую


Я это уже пробовал, да я заменил кнопку на картинку, но кнопка от этого не стала уже, она просто стала не видимая и ширина у нее осталась таже. А у меня нужно картиночку 16 на 16 пикселов поместить в такую же маленькую ячейку таблицы, а эта кнопка бл* все портит...
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34413285
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Onegins
Я это уже пробовал, да я заменил кнопку на картинку, но кнопка от этого не стала уже, она просто стала не видимая и ширина у нее осталась таже. А у меня нужно картиночку 16 на 16 пикселов поместить в такую же маленькую ячейку таблицы, а эта кнопка бл* все портит...
блок, в котором невидимая кнопка можно урезать:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
<style>
div.fileinputs {
	position: relative;

	width:155px;	
	overflow: hidden;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:  1 ;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity: 0  ;
	filter:alpha(opacity:  0 );
	opacity:  0 ;
	z-index:  2 ;

}
</style>

<div class="fileinputs">
	<input type="file" class="file"/>
	<div class="fakefile" id="fkf">
		<input style="width:120px"/>
		<button style="width:30px">a</button>
	</div>
</div>
+скрипты, синхронизующие содержимое и не дающие фокусить input
...
Рейтинг: 0 / 0
Как поменять ширину кнопки у <input type="file">????
    #34413311
Onegins
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Спасибо, получилось
...
Рейтинг: 0 / 0
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как поменять ширину кнопки у <input type="file">????
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]