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

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

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


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



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

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

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

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


Я это уже пробовал, да я заменил кнопку на картинку, но кнопка от этого не стала уже, она просто стала не видимая и ширина у нее осталась таже. А у меня нужно картиночку 16 на 16 пикселов поместить в такую же маленькую ячейку таблицы, а эта кнопка бл* все портит...
...
Рейтинг: 0 / 0
24.03.2007, 11:53
    #34413285
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как поменять ширину кнопки у <input type="file">????
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
24.03.2007, 12:20
    #34413311
Onegins
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как поменять ширину кнопки у <input type="file">????
Спасибо, получилось
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как поменять ширину кнопки у <input type="file">???? / 14 сообщений из 14, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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